﻿/**************************
Common
**************************/
body.bg-color,body.pace-done{background-image:url('../../images/common/bg01.png');background-repeat:repeat;background-position:center center;background-size:cover;}
*::-webkit-selection { color: #ffffff !important; background: #06f;}
*::-moz-selection { color: #ffffff !important; background: #06f;}
*::-o-selection { color: #ffffff !important; background: #06f;}
*::selection { color: #ffffff !important; background: #06f;}

@media (min-width: 768px) {
    .custom-container{padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;width: 750px;}
}

@media (min-width: 992px) {
    .custom-container{padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;width: 970px;}
}

@media (min-width: 1200px) {
    .custom-container{padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;width: 1170px;}
}
.text-right{text-align:right !important;}
.bg-white{background:#ffffff}
header{width: 100%;left:0;top:0;background: #ffffff;z-index: 99;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 5px #999999;box-shadow: 0 5px 5px #999999;}
header .boxshadow{border-top: 4px solid #e70010; }
header .topmenu{padding:0;display:inline-block;width: 100%;text-align: right;}
header .topmenu ul{display:inline-block;width:100%;}
header .topmenu ul li{display:none;text-align:center;vertical-align: middle;margin: 0 5px;}
header .topmenu ul li select{border-radius:0;border: none;-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;-o-box-shadow: none;box-shadow: none;}
header .topmenu ul li select:focus{-webkit-box-shadow:none;box-shadow:none;}
header .topmenu ul li a{text-decoration:none;color:#333333;font-size:12px;display:inline-block;padding: 10px;vertical-align: middle;font-family: Microsoft JhengHei;}
header .topmenu ul li a.facebook{background:#39598c;height: 25px;border-radius: 3px;padding:3px;}
header .topmenu ul li a.facebook:hover{background:#39598c;}
header .topmenu ul li a.facebook img{height:17px;}
header .topmenu ul li a.facebook span{color: #ffffff;display: inline-block;vertical-align: middle;font-size:12px;padding: 0 0 0 5px;}
header .topmenu ul li a.line{color: #ffffff;height: 25px;border-radius: 0;padding: 3px;background: #00C200;}
header .topmenu ul li a.line:hover{}
header .topmenu ul li a.line img{height:100%;}
header .topmenu ul li span{color:#333333;font-size:15px;}
header .topmenu ul li span span.red{color:#e70010;display:inline-block;padding:0 5px;}
header .menulist{padding:5px 0 5px;}
header .menulist .logo{text-align:center;padding: 0;}
header .menulist .logo a{display:inline-block;padding: 0;}
header .menulist .logo a img{width:100%;}
header .menulist .logo a#menubtn{display:none;border:1px solid #dcdcdc;padding: 10px;border-radius: 3px;}
header .menulist .logo a#menubtn:hover{background:#cccccc;}
header .menulist .logo a#menubtn i{color:#333333;font-size:16px;}
header .menulist .logo a#topmenubtn:hover i{color:#ffffff;}
header .menulist .logo a#topmenubtn{display:none;border:1px solid #dcdcdc;padding: 10px;border-radius: 3px;width: 30px;height: 30px;}
header .menulist .logo a#topmenubtn:hover{background:#cccccc;}
header .menulist .logo a#topmenubtn i{color:#333333;font-size:16px;}
header .menulist .menu{text-align:right;position:relative;font-size:0;padding-top: 0;}
header .menulist .menu ul{display: inline-block;width: 95%;vertical-align: bottom;}
header .menulist .menu ul li{display:inline-block;text-align:center;position:relative;padding: 0 20px;}
header .menulist .menu ul li:hover a span.title{color:#e70010;}
header .menulist .menu ul li.list{position:static}
header .menulist .menu ul li.list ul.innerlist{position:absolute;left: 0;/*top: 100%;*/z-index: 1000;background: #ffffff;-webkit-box-shadow: 0 3px 1px #999999;-moz-box-shadow: 0 3px 1px #999999;-ms-box-shadow: 0 3px 1px #999999;-o-box-shadow: 0 3px 1px #999999;box-shadow: 0 3px 1px #999999;    padding: 5px 0;display:none;    text-align: left;}
header .menulist .menu ul li.list ul.innerlist.active{display:inline-block;}
header .menulist .menu ul li.list ul.innerlist li{width: 20%;padding: 10px 0;border-bottom: 1px solid #EDEDED;}
header .menulist .menu ul li a{text-decoration:none;color:#333333;font-size:18px;font-family: Microsoft JhengHei;display:inline-block;width:100%;overflow: hidden;line-height:40px;}
header .menulist .menu ul li:nth-child(6):hover a{color:#e70010;}
header .menulist .menu ul li.list ul.innerlist li a{padding:0;font-weight:normal;font-size: 16px;line-height:normal;}
header .menulist .menu ul li.list ul.innerlist li:hover a {color:#e70010;}
header .menulist .menu .submenu{display:none;position:absolute;z-index:99;width: 100%;background: #ffffff;-webkit-box-shadow: 0 3px 1px #999999;-moz-box-shadow: 0 3px 1px #999999;-ms-box-shadow: 0 3px 1px #999999;-o-box-shadow: 0 3px 1px #999999;box-shadow: 0 3px 1px #999999;    padding: 5px 0;    top: 97%;}
header .menulist .menu .submenu.active{display:inline-block;}
header .menulist .menu .submenu li{width:100%;}
header .menulist .menu .submenu li a{padding:10px;}
header .menulist .menu .submenu li:hover a{color:#ef3852;}
header .menulist .menu .submenu.about{width: 17.5%;}
header .menulist .menu .submenu.news{width: 17.5%;}
header .menulist .menu .submenu.productintro{width: 100%;text-align:left;}
header .menulist .menu .submenu.productintro li{width: 16.66666666666666%;vertical-align: top;}
header .menulist .menu .submenu.cookbook{width: 100%;text-align:left;}
header .menulist .menu .submenu.cookbook li{width: 16.66666666666666%;vertical-align: top;}
/*header .menulist .menu ul li:hover .submenu{display:inline-block;}
header .menulist .menu ul li .submenu:hover{display:inline-block;}
header .menulist .menu ul li .submenu li{width:100%;}
header .menulist .menu ul li .submenu li a{padding:7px 5px 5px;}*/
header .searchbox.mobile{display: none}
header .searchbox{display: inline-block;vertical-align: bottom;padding: 7px 0 0;margin:auto;width:100%;}
header .searchbox .open{text-align:center;}
header .searchbox .open a{display:inline-block;color:#333333;text-decoration:none;padding: 10px;}
header .searchbox .open a.none{opacity:1;}
header .searchbox .open a:hover{background:#dcdcdc;}
header .searchbox .open a i{font-size:20px;}
header .searchbox .open a:hover i{color:#ffffff;}
/* header .searchbox .search{font-size:0;border:2px solid #000000;position: absolute;width: 95%;right: 0;top: 0;display:none;} */
header .searchbox .search{font-size:0;border:2px solid #000000;width: 50%;right: 0;top: 0;display:none;margin:auto;}
header .searchbox .search.block{display:block;}
header .searchbox .search input{display:inline-block;vertical-align:middle;width:90%;border:none;border-radius:0;box-shadow:none;margin:0;}
header .searchbox .search button.searchbtn{height:34px;display:inline-block;vertical-align:middle;width:5%;border:none;border-radius:0;    padding: 0;}
header .searchbox .search button.closebtn{height:34px;display:inline-block;vertical-align:middle;width:5%;border:none;border-radius:0;    padding: 0;}
header .searchbox .search button.closebtn i{color:#dcdcdc;font-size:20px;}
header .searchbox .memberbox{}
header .searchbox .memberbox ul{font-size:0;}
header .searchbox .memberbox ul li{display:inline-block;width:33.3333333%;text-align:center;padding: 0 5px;}
header .searchbox .memberbox ul li a{padding: 5px 20px;text-decoration:none;display:inline-block;height:100%;width:100%;font-size:16px;border:2px solid #e70010;color: #ffffff;background:#e70010;border-radius: 4px;}
header .searchbox .memberbox ul li:hover a{color:#e70010;background:#ffffff;}
header .searchbox .memberbox ul li:last-child a{padding:5px 10px;}
footer{}
footer .borderbox{border-top:1px solid #aaaaaa;padding: 30px 100px 0;margin-bottom:20px;display:none;}
footer ul{font-size:0;}
footer ul li{display:inline-block;width:11.428571428571429%;vertical-align: top;}
footer ul li.last{text-align:center;}
footer ul li:last-child{width:20%;}
footer ul li span{font-size:20px;font-weight: bold;color:#666666;}
footer ul li .titlebox i{font-size:35px;display:inline-block;vertical-align:middle;}
footer ul li .titlebox i.icon-footer-icon-1{color:#f7be08}
footer ul li .titlebox i.icon-footer-icon-2{color:#52be10}
footer ul li .titlebox i.icon-footer-icon-3{color:#089600}
footer ul li .titlebox i.icon-footer-icon-4{color:#ff7539}
footer ul li .titlebox i.icon-footer-icon-5{color:#ef4500}
footer ul li .titlebox i.icon-footer-icon-6{color:#ff5110}
footer ul li .titlebox i.icon-footer-icon-7{color:#e70421}
footer ul li .titlebox i:before{vertical-align:middle;}
footer ul li .titlebox span{display:inline-block;vertical-align:middle;}
footer ul li .footermenu{}
footer ul li .footermenu ul li{display: inline-block;width: 100%;vertical-align: top;padding: 0 35px;margin-bottom: 5px;}
footer ul li .footermenu ul li a{text-decoration: none;font-size:15px;color:#333333;}
footer ul li .menulist .top{text-align:right;margin-bottom:10px;}
footer ul li .menulist .top ul li{width:30px;height:30px;text-align:center;margin: 0 5px;}
footer ul li .menulist .top ul li a.lang{text-decoration: none;font-size:16px;border:1px solid #333333;color:#333333;display:inline-block;width:100%;height:100%;line-height:30px;}
footer ul li .menulist .top ul li a.active{color:#e70010;border-color:#e70010;}
footer ul li .menulist .bottom{text-align:left;}
footer ul li .menulist .bottom ul li{width:33.3333333%;margin-bottom:10px;}
footer ul li .menulist .bottom ul li a{text-decoration: none;font-size:16px;color:#333333;}
footer .copyright{text-align:center;background:#e70010;padding: 10px 0;}
footer .copyright .imgbox{display: inline-block;vertical-align:middle;}
footer .copyright .imgbox img{width: 50%;}
footer .copyright span{font-size:12px;display:inline-block;width:auto;vertical-align:middle;color:#ffffff;}
footer .copyright span a{text-decoration: none;color:#ffffff;}
footer .copyright br{display:none;}
footer .copyright br.sp{display:inline-block;}
.gototopbox{display:inline-block;width:100%;text-align:center;padding: 15px 0;}
.gototopbox a{display:inline-block;text-decoration: none;color:#333333;text-align: center;}
.gototopbox a i{font-size:30px;}
.gototopbox a span{display:inline-block;font-size:20px;width:100%;}
.modal-body{font-size:18px;}

@media (max-width: 1680px) {
    header .topmenu{padding:0 15px;}
    header .menulist{padding:0 15px;}
    footer ul li{width:11%;}
    footer ul li:last-child{width:23%;}
}
@media (max-width: 1600px) {
    header .menulist .searchbox .memberbox ul li a{padding: 5px 15px;}
}
@media (max-width: 1440px) {
    header .menulist .searchbox .memberbox ul li a{padding:5px 10px;}
    header .menulist .searchbox .memberbox ul li:last-child a{padding:5px;}
    header .menulist .searchbox .search input{width:80%;}
    header .menulist .searchbox .search button{width:20%;}
	footer .borderbox{padding:30px 50px 0;}
}
@media (max-width: 1366px) {
    header .menulist .logo a img{width:100%;}
	footer .borderbox{padding:30px 15px 0;}
    footer ul li .menulist .bottom ul li a{font-size: 15px;}
    footer ul li .footermenu ul li{padding:0 34px;}
}
@media (max-width: 1280px) {
    header .topmenu{padding:0 5px;}
    header .menulist{padding:0 5px;}
    header .menulist .searchbox .memberbox ul li:last-child a{padding:5px 0;}
    header .menulist .menu ul li a{font-size:16px;}
    footer ul li{width:10%;}
    footer ul li:last-child{width:30%;}
    footer ul li .footermenu ul li{padding:0 0 0 34px;}
}

@media(min-width: 769px) and (max-width: 1024px) {
    /*header .menulist .logo{width: 16.66666667%;}
    header .menulist .menu{width: 58.33333333%;}*/
    header .menulist .searchbox{width: 25%;}
}

@media (max-width: 1024px) {
    header .custom-container{width:100%;}
    header .menulist .menu{padding-top:10px;}
    footer ul li .titlebox i{font-size:25px;}
    footer ul li span{font-size:16px;}
    footer ul li .footermenu ul li{padding:0 0 0 5px;}
    footer ul li .footermenu ul li a{font-size:14px;}
}

@media (max-width: 768px) {
    .custom-container{padding:0 15px;}
    header .menulist .logo{text-align:center;padding:10px 0;position: relative;}
    header .menulist .logo a.logolink {width: 25%;}
    header .menulist .menu{display:none;text-align:left;}
    header .menulist .menu.active{display:inline-block;}
    header .menulist .menu ul li{width: 50%;padding: 10px;}
    header .menulist .menu ul li a{padding:0;}
    /* header .menulist .searchbox{display:none;} */
    header .topmenu .searchbox.pc{display:none;} 
    header .menulist .searchbox.mobile{display:inline-block;width: auto;position: absolute;top: -8px;left: 50px;}
    header .menulist .searchbox.active{display:inline-block;}
    header .menulist .searchbox .search input{width:90%;}
    header .menulist .searchbox .search button{width:10%;}
    header .menulist .searchbox .memberbox ul li:first-child{padding-left:0;}
    header .menulist .searchbox .memberbox ul li:last-child{padding-right:0;}
    header .menulist .logo a#menubtn{display:inline-block;    position: absolute;right:10px;top:15px;}
    header .menulist .logo a#topmenubtn{display:inline-block;    position: absolute;left:10px;top:15px;}
    header .topmenu{padding: 5px 5px 5px 2px;text-align: left;display:none;}
    header .topmenu.active{display:inline-block;}
    header .topmenu ul li{margin:0;}
    header .topmenu ul li a{/*padding:0;*/font-size: 14px;padding: 0 3px;border-right:1px solid #dcdcdc;}
	header .searchbox .open a{border-right:none;}
    header .topmenu ul li:first-child a{padding-left:0;}
    header .topmenu ul li:last-child a{padding-right:0;}
    header .menulist .menu .submenu.about{width: 100%;}
    header .menulist .menu .submenu.news{width: 100%;}
    header .menulist .menu .submenu li{width: 50%;}
    header .menulist .menu .submenu li a{padding:5px;}
    header .menulist .menu .submenu.product li{width:20%;}
    footer ul li{width:33.33333333%;margin-bottom:10px;}
    footer ul li:last-child{width:66.66666667%;}
}
@media (max-width: 640px) {
    header .topmenu{padding:5px 0;}
    header .topmenu ul li a{padding: 0 5px;}
    header .topmenu ul li select{padding: 6px;}
    header .menulist{padding: 0 5px 0 5px;}
    header .menulist .logo{text-align:center;}
    header .menulist .logo a#menubtn{top: 15px;padding: 5px;}
    header .menulist .logo a#topmenubtn{top: 15px;padding: 5px;}
    header .menulist .logo a.logolink{width:50%;padding:0;}
    header .searchbox .search {width:100%;}
    header .menulist .searchbox .memberbox ul li a{font-size:14px;}
    header .menulist .searchbox .memberbox ul li:first-child a{padding:5px;}
    header .menulist .menu .submenu.product li{width:50%;}
    header .menulist .menu ul li.list ul.innerlist li{width:50%;}
    footer{padding:30px 0 0;}
    footer ul li{width:33.33333333%;margin-bottom:10px;text-align: center;}
    footer ul li:last-child{width:100%;}
    footer ul li .menulist .bottom ul li{text-align:center;}
    footer ul li .footermenu ul li{padding: 0 0 0 25px;}
    footer .copyright br{display:inline-block;}
    footer .copyright .rwdnone{display:none;}
    footer .copyright br.sp{display:none;}
	footer .copyright br.sp.last{display:inline-block;}
    footer .borderbox{padding-top:15px;}
}
@media (max-width: 480px) {
    header .menulist .logo a#menubtn{top: 5px;}
    header .menulist .logo a#topmenubtn{top: 5px;}
    footer ul li:nth-child(7){width:100%;}
    footer ul li:last-child{width:100%;}
    footer .copyright span{font-size:15px;margin-bottom:10px;}
}
@media (max-width: 479px) {
    header .topmenu ul li a{padding: 0 5px;}
}


@media (max-width: 320px) {
    header .menulist .searchbox .memberbox ul li a{padding:5px 15px;}
    header .menulist .searchbox .memberbox ul li:first-child a{padding:5px 15px;}
    header .menulist .searchbox .memberbox ul li:last-child a{padding:5px 15px;}
}

/**************************
index
**************************/
.page-content.index{padding-top: 0;}
.page-content.index .sliderbox{padding: 0;margin-bottom: 0;}
.page-content.index .sliderbox ul{}
.page-content.index .sliderbox ul li{}
.page-content.index .sliderbox ul li a{display:inline-block;width:100%;}
.page-content.index .sliderbox ul li img {width:100%;}
.page-content.index .unslider{position:relative;}
.page-content.index .unslider .unslider-arrow.prev,.page-content .unslider .unslider-arrow.next{top:45%;z-index:10;}
.page-content.index .outside{padding:35px 0 0;position:relative;height:500px;}
.page-content.index .outside.middleboxbg{padding:0;background: #34373b;margin-top:30px;}
.page-content.index .outside .loadingbox{position:absolute;left:0;top:0;width:100%;background:rgba(255,255,255,0.5);height:500px;line-height:500px;z-index: 999999;}
.page-content.index .sliderbox ul li img{opacity:0;}
.page-content.index .bg-color-2{background:none;}
.page-content.index .bg-color-2 .areabox{padding:40px 15px;}
.page-content.index .bg-color-2 .areabox ul{display:inline-block;width:100%;font-size:0;}
.page-content.index .bg-color-2 .areabox ul li{display:inline-block;width:33.33333333%;padding:0 7.5px;margin-bottom:15px;}
.page-content.index .bg-color-2 .areabox ul li a{display:inline-block;width: 100%;}
.page-content.index .bg-color-2 .areabox ul li a img{width:100%;}
.page-content.index .bg-color-2 .recommendbox{}
.page-content.index .bg-color-2 .recommendbox .titlebox{font-size:0;display:inline-block;width:100%;margin-bottom: 10px;padding: 0 10px;}
.page-content.index .bg-color-2 .recommendbox .titlebox .imgbox{display:inline-block;width:3%;vertical-align:middle;}
.page-content.index .bg-color-2 .recommendbox .titlebox .imgbox img{width:100%;}
.page-content.index .bg-color-2 .recommendbox .titlebox .titletext{display:inline-block;width:97%;vertical-align:middle;}
.page-content.index .bg-color-2 .recommendbox .titlebox .titletext span{font-size:25px;}
.page-content.index .bg-color-2 .recommendbox .contentbox{}
.page-content.index .bg-color-2 .recommendbox .contentbox ul{}
.page-content.index .bg-color-2 .recommendbox .contentbox ul li{position:relative;padding:0 5px;}
.page-content.index .bg-color-2 .recommendbox .contentbox ul li .bg-white{margin-bottom:20px;-webkit-box-shadow:0 5px 5px #999999;-moz-box-shadow:0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow:0 5px 5px #999999;}
.page-content.index .bg-color-2 .recommendbox .contentbox ul li .salebox{position:absolute;right:5px;top:0;text-align:right;}
.page-content.index .bg-color-2 .recommendbox .contentbox ul li .salebox img{ width: 50%;height: 50%;}
.page-content.index .bg-color-2 .recommendbox .contentbox ul li .imgbox{margin-bottom: 5px;}
.page-content.index .bg-color-2 .recommendbox .contentbox ul li .imgbox a{display:inline-block;}
.page-content.index .bg-color-2 .recommendbox .contentbox ul li .imgbox img{width:100%;}
.page-content.index .bg-color-2 .recommendbox .contentbox ul li .title{height: 50px;overflow: hidden;margin-bottom:10px;padding: 0 10px;}
.page-content.index .bg-color-2 .recommendbox .contentbox ul li .title span{font-size:18px;font-weight:bold;}
.page-content.index .bg-color-2 .recommendbox .contentbox ul li .btnbox{font-size:0;padding:5px 10px;}
.page-content.index .bg-color-2 .recommendbox .contentbox ul li .btnbox span{font-size:20px;color: #e70010;display:inline-block;vertical-align:middle;width:25%;}
.page-content.index .bg-color-2 .recommendbox .contentbox ul li .btnbox a{text-decoration:none;font-size:16px;font-weight: bold;color:#333333;display:inline-block;vertical-align:middle;width:37.5%;text-align:center;padding: 5px 0;}
.page-content.index .bg-color-2 .recommendbox .contentbox ul li .btnbox a:hover{background:#e78208;color:#ffffff;}
.page-content.index .bg-color-2 .recommendbox .contentbox .arrowbox{text-align: right;}
.page-content.index .bg-color-2 .recommendbox .contentbox .arrowbox .pagination{margin:10px 0;padding:0 15px;}
.page-content.index .bg-color-2 .recommendbox .contentbox .arrowbox .pagination li a{color:#333333;}
.page-content.index .bg-color-2 .recommendbox .contentbox .arrowbox .pagination li i{font-size:20px;}
.page-content.index .bg-color-2 .recommendbox .contentbox .arrowbox .pagination>li>a:focus,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li>a:hover,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li>span:focus,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li>span:hover{background-color:#ef0018;color:#ffffff}
.page-content.index .bg-color-2 .recommendbox .contentbox .arrowbox .pagination>li.disabled>a:focus,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li.disabled>a:hover,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li.disabled>span:focus,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li.disabled>span:hover{background-color:#ffffff;color:#333333}
.page-content.index .bg-color-2 .caterecommendbox{}
.page-content.index .bg-color-2 .caterecommendbox .titlebox{font-size:0;display:inline-block;width:100%;margin-bottom: 10px;padding: 0 10px;}
.page-content.index .bg-color-2 .caterecommendbox .titlebox .imgbox{display:inline-block;width:3%;vertical-align:middle;}
.page-content.index .bg-color-2 .caterecommendbox .titlebox .imgbox img{width:100%;}
.page-content.index .bg-color-2 .caterecommendbox .titlebox .titletext{display:inline-block;width:97%;vertical-align:middle;}
.page-content.index .bg-color-2 .caterecommendbox .titlebox .titletext span{font-size:25px;}
.page-content.index .bg-color-2 .caterecommendbox .contentbox{}
.page-content.index .bg-color-2 .caterecommendbox .contentbox ul{}
.page-content.index .bg-color-2 .caterecommendbox .contentbox ul li{margin-bottom: 20px;}
.page-content.index .bg-color-2 .caterecommendbox .contentbox ul li .bg-white{margin-bottom:10px;-webkit-box-shadow:0 5px 5px #999999;-moz-box-shadow:0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow:0 5px 5px #999999;}
.page-content.index .bg-color-2 .caterecommendbox .contentbox ul li .left.imgbox{}
.page-content.index .bg-color-2 .caterecommendbox .contentbox ul li .left.imgbox img{width:100%;}
.page-content.index .bg-color-2 .caterecommendbox .contentbox ul li .right{text-align:center;padding-top: 0;}
.page-content.index .bg-color-2 .caterecommendbox .contentbox ul li .right span{display:inline-block;width:100%;}
.page-content.index .bg-color-2 .caterecommendbox .contentbox ul li .right span.cht{color:#ff3c18;font-size: 30px;margin-bottom: 15px;padding: 30px 0 10px;}
.page-content.index .bg-color-2 .caterecommendbox .contentbox ul li .right span.en{color:#333333;font-size: 18px;margin-bottom: 15px;padding: 15px;}
.page-content.index .bg-color-2 .caterecommendbox .contentbox ul li .right a{display: inline-block;background:#ef0010;color:#ffffff;border:1px solid #ef0010;text-decoration:none;padding: 6px 12px;border-radius: 4px;font-size: 16px;}
.page-content.index .bg-color-2 .caterecommendbox .contentbox ul li .right a:hover{background:#ffffff;color:#ef0010;}
.page-content.index .bg-color-2 .newsbox{padding-bottom:15px;}
.page-content.index .bg-color-2 .newsbox .titlebox{font-size:0;display:inline-block;width:100%;margin-bottom: 10px;padding: 0 10px;}
.page-content.index .bg-color-2 .newsbox .titlebox .imgbox{display:inline-block;width:3%;vertical-align:middle;}
.page-content.index .bg-color-2 .newsbox .titlebox .imgbox img{width:100%;}
.page-content.index .bg-color-2 .newsbox .titlebox .titletext{display:inline-block;width:97%;vertical-align:middle;}
.page-content.index .bg-color-2 .newsbox .titlebox .titletext span{font-size:25px;}
.page-content.index .bg-color-2 .newsbox .contentbox{padding:0 15px;}
.page-content.index .bg-color-2 .newsbox .contentbox ul{background:transparent;}
.page-content.index .bg-color-2 .newsbox .contentbox ul li{margin-bottom: 20px;padding:0 7.5px;}
.page-content.index .bg-color-2 .newsbox .contentbox ul li .imgbox{}
.page-content.index .bg-color-2 .newsbox .contentbox ul li .imgbox img{width:100%;}
.page-content.index .bg-color-2 .newsbox .contentbox ul li .title{padding: 10px 15px;text-align: center;margin-bottom: 0;height: 61px;overflow: hidden;}
.page-content.index .bg-color-2 .newsbox .contentbox ul li .title span{font-size: 18px;font-weight: bold;}
.page-content.index .bg-color-2 .newsbox .contentbox ul li .btnbox{text-align:center;}
.page-content.index .bg-color-2 .newsbox .contentbox ul li .btnbox a{display: inline-block;background:#ef0010;color:#ffffff;border:1px solid #ef0010;text-decoration:none;padding: 6px 12px;font-size: 16px;border-radius: 4px;}
.page-content.index .bg-color-2 .newsbox .contentbox ul li .btnbox a:hover{background:#ffffff;color:#ef0010;}

@media (max-width: 1680px) {
    .page-content.index .sliderbox li .textbox{width:600px;}
    .page-content.index .bg-color-2 .caterecommendbox .contentbox ul li{padding:0 7.5px;}
    .page-content.index .bg-color-2 .recommendbox .contentbox ul li .btnbox a{font-size:18px;}
    .page-content.index .bg-color-2 .newsbox .contentbox{padding:0 7.5px;}
    .page-content.index .bg-color-2 .recommendbox{padding:0 7.5px;}
    .page-content.index .bg-color-2 .caterecommendbox{padding:0;}
    .page-content.index .bg-color-2 .newsbox{padding:0 7.5px 15px 7.5px;}
}

@media (max-width: 1600px) {
    .page-content.index .sliderbox li .textbox{width:600px;}
    .page-content.index .bg-color-2 .caterecommendbox .contentbox ul li .right{padding-top: 60px;}
    .page-content.index .bg-color-2 .caterecommendbox .contentbox ul li .right span.cht{padding: 0 50px;}
    .page-content.index .bg-color-2 .caterecommendbox .contentbox ul li .right span.en{padding: 0 50px;}
}

@media (max-width: 1440px) {
    .page-content.index .outside{padding:20px 15px;}
    .page-content.index .bg-color-2 .recommendbox .contentbox ul li{padding:0 7.5px;}
    .page-content.index .bg-color-2 .recommendbox .contentbox ul li .title span{font-size:18px;}
    .page-content.index .bg-color-2 .recommendbox .contentbox ul li .btnbox a{font-size:16px;width:35%;}
    .page-content.index .bg-color-2 .recommendbox .contentbox ul li .btnbox span{width:30%;}
    .page-content.index .bg-color-2 .recommendbox .contentbox ul li .salebox{right: 7.5px;}
}

@media (max-width: 1366px) {
    .page-content.index .outside{padding:15px 15px;}
    .page-content.index .bg-color-2 .caterecommendbox .contentbox ul li{padding:0 7.5px;margin-bottom: 10px;}
    .page-content.index .bg-color-2 .caterecommendbox .contentbox ul li .right{padding-top: 30px;}
    .page-content.index .bg-color-2 .caterecommendbox .contentbox ul li .right span.cht{padding: 0 25px;font-size: 30px;}
    .page-content.index .bg-color-2 .caterecommendbox .contentbox ul li .right span.en{padding: 0 25px;font-size: 16px;}
}

@media (max-width: 1024px) {
    .page-content.index .bg-color-2 .recommendbox .contentbox ul li .salebox{right: 7.5px;width: 100%;text-align: right;}
    .page-content.index .bg-color-2 .recommendbox .contentbox ul li .salebox img{width:40%;}
    .page-content.index .bg-color-2 .recommendbox .contentbox ul li .btnbox span{font-size:20px;}
	.page-content.index .bg-color-2 .recommendbox .contentbox ul li .btnbox a{font-size:13px;}
}

@media (max-width: 768px) {
    .page-content.index .sliderbox li .textbox{width:600px;top:10%;}
    .page-content.index .outside{padding:10px 15px;}
    .page-content.index .bg-color-2 .areabox{padding: 15px 0;}
    .page-content.index .bg-color-2 .recommendbox{padding:0;}
    .page-content.index .bg-color-2 .recommendbox .titlebox{padding:0;}
    .page-content.index .bg-color-2 .recommendbox .titlebox .imgbox{width:5%;}
    .page-content.index .bg-color-2 .recommendbox .titlebox .titletext{width:95%;}
    .page-content.index .bg-color-2 .recommendbox .contentbox ul li{margin-bottom:10px;}
    .page-content.index .bg-color-2 .caterecommendbox .titlebox{padding:0;}
    .page-content.index .bg-color-2 .caterecommendbox .titlebox .imgbox{width:5%;}
    .page-content.index .bg-color-2 .caterecommendbox .titlebox .titletext{width:95%;}
    .page-content.index .bg-color-2 .caterecommendbox .contentbox ul li .right{padding:15px 0;}
    .page-content.index .bg-color-2 .caterecommendbox .contentbox ul li .right span.cht{height:auto;margin-bottom: 10px;padding: 0;font-size:25px;}
    .page-content.index .bg-color-2 .caterecommendbox .contentbox ul li .right span.en{height:auto;padding:0;}
    .page-content.index .bg-color-2 .newsbox{padding: 0 0 15px 0;}
    .page-content.index .bg-color-2 .newsbox .titlebox{padding:0;}
    .page-content.index .bg-color-2 .newsbox .titlebox .imgbox{width:5%;}
    .page-content.index .bg-color-2 .newsbox .titlebox .titletext{width:95%;}
    .page-content.index .bg-color-2 .newsbox .contentbox{padding:0;}
    .page-content.index .bg-color-2 .newsbox .contentbox ul li .title{padding: 10px 0;overflow:hidden;text-align: left;margin-bottom: 10px;}
    .page-content.index .bg-color-2 .newsbox .contentbox ul li .title span{font-size: 16px;}
	.page-content.index .outside.middleboxbg{margin-top: 0;}
	.page-content.index .bg-color-2 .recommendbox .contentbox ul li .btnbox a{font-size:15px;}
}
@media (max-width: 640px) {
    .page-content.index{padding:0;}
    .page-content.index .unslider .unslider-arrow.prev,.page-content .unslider .unslider-arrow.next{top:40%;z-index:10;text-align: center;}
    .page-content.index .unslider .unslider-arrow.prev img,.page-content .unslider .unslider-arrow.next img{width:50%;}
    .page-content.index .sliderbox li .textbox{width:475px;top:10%;}
    .page-content.index .sliderbox li .textbox .title{text-align:center;background: rgba(255,255,255,0.5);}
    .page-content.index .sliderbox li .textbox .title span{font-size:25px;}
    .page-content.index .sliderbox li .textbox .content ul li span{font-size:16px;}
    .page-content.index .sliderbox li .textbox .btnbox{text-align:center;}
    .page-content.index .bg-color-2{padding:0;}
    .page-content.index .bg-color-2 .areabox{padding:0;margin:20px 0;}
    .page-content.index .bg-color-2 .areabox ul li{width:100%;margin-bottom:20px;padding:0 15px;}
    .page-content.index .bg-color-2 .recommendbox .titlebox{padding:0;}
    .page-content.index .bg-color-2 .recommendbox .titlebox .imgbox{width:10%;}
    .page-content.index .bg-color-2 .recommendbox .titlebox .titletext{width:90%;}
    .page-content.index .bg-color-2 .caterecommendbox .titlebox .imgbox{width:10%;}
    .page-content.index .bg-color-2 .caterecommendbox .titlebox .titletext{width:90%;}
    .page-content.index .bg-color-2 .caterecommendbox .contentbox ul li{padding:0;}
    .page-content.index .bg-color-2 .caterecommendbox .contentbox ul li .right{padding:5px 5px 0;}
    .page-content.index .bg-color-2 .caterecommendbox .contentbox ul li .right span.cht{margin-bottom:5px;height:auto;padding:5px 5px 0;font-size: 25px;}
    .page-content.index .bg-color-2 .caterecommendbox .contentbox ul li .right span.en{margin-bottom:5px;height:auto;padding:0 5px;font-size: 18px;}
    .page-content.index .bg-color-2 .caterecommendbox .contentbox ul li .right a{font-size:14px;}
    .page-content.index .bg-color-2 .newsbox .titlebox .imgbox{width:10%;}
    .page-content.index .bg-color-2 .newsbox .titlebox .titletext{width:90%;}
    .page-content.index .bg-color-2 .newsbox .contentbox ul li{border-bottom:1px solid #dcdcdc;padding-bottom:20px;}
    .page-content.index .bg-color-2 .newsbox .contentbox ul li:last-child{border-bottom:none;padding-bottom:0;}
    .page-content.index .bg-color-2 .newsbox .contentbox ul li .title{padding: 5px;margin-bottom: 10px;height:auto;}
    .page-content.index .bg-color-2 .newsbox .contentbox ul li .title span{font-size:18px;}
    .page-content.index .bg-color-2 .recommendbox .contentbox .arrowbox .pagination{margin:0;padding:0;}
}

@media (max-width: 480px) {
    .page-content.index .sliderbox li .textbox{width:100%;top:0;right:0;}
    .page-content.index .bg-color-2 .recommendbox .contentbox ul li .title{height: 75px;}
    .page-content.index .bg-color-2 .recommendbox .contentbox ul li .btnbox span{width:100%;}
    .page-content.index .bg-color-2 .recommendbox .contentbox ul li .btnbox a{width:100%;}
    .page-content.index .bg-color-2 .caterecommendbox .contentbox ul li .right span.cht{font-size:16px;}
    .page-content.index .bg-color-2 .caterecommendbox .contentbox ul li .right span.en{font-size:14px;}
    .page-content.index .bg-color-2 .newsbox .contentbox ul li .title span{font-size:16px;}
}

/**************************
product
**************************/
.page-content.productlist{}
.page-content.productlist .outside{padding: 20px 0;}
.page-content.productlist .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none;padding:20px 0;}
.page-content.productlist .bg-color-2 .menulist{width:25%;padding: 0 7.5px 0 15px;}
.page-content.productlist .bg-color-2 .menulist .panel-group .panel {border:none;}
.page-content.productlist .bg-color-2 .menulist .panel-group .panel .panel-heading{background:#ffffff;padding:0;}
.page-content.productlist .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{border-top: 5px solid #e70010;border-bottom: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;text-decoration: none;display:inline-block;padding:10px 15px;width:100%;}
.page-content.productlist .bg-color-2 .menulist .panel-group.brand .panel .panel-heading .panel-title{border-top-color:#ffb608;}
.page-content.productlist .bg-color-2 .menulist .panel-group.about .panel .panel-heading .panel-title{border-top-color:#ff4500;}
.page-content.productlist .bg-color-2 .menulist .panel-group.faq .panel .panel-heading .panel-title{border-top-color:#73cb42;}
.page-content.productlist .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{display:inline-block;font-size:20px;vertical-align: middle;font-weight: bold;padding:0 5px;}
.page-content.productlist .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title i{display:inline-block;font-size:25px;vertical-align: middle;}
.page-content.productlist .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0 10px 20px 10px;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.page-content.productlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body{border-top:none;padding:0;}
.page-content.productlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav{}
.page-content.productlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li{border-bottom:1px solid #dcdcdc;}
.page-content.productlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{font-size:16px;color:#333333;padding:10px;}
.page-content.productlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:hover{color:#ffffff;background:#e70010;}
.page-content.productlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a.active{color:#e70010;}
.page-content.productlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:focus{color:#ffffff;background:#e70010;}
.page-content.productlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav{padding: 0 0 10px 0;width:100%;display: none;}
.page-content.productlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav.block{display:inline-block;}
.page-content.productlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav.active{display:inline-block;}
.page-content.productlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li {padding: 0 10px;border-bottom:none;}
.page-content.productlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a {border-left: 1px solid #dcdcdc;text-decoration: none;display: inline-block;width: 100%;padding:10px 10px 10px 10px;}
.page-content.productlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li:hover a{color:#ffffff;background:#ef0018;}
.page-content.productlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li:focus a{color:#ffffff;}
.page-content.productlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li:hover .subnavnav a{color:#333333;}
.page-content.productlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li:hover .subnavnav li a{background:transparent;}
.page-content.productlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li .subnavnav li:hover a{color:#ffffff;background:#ef0018;}
.page-content.productlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li .subnavnav{display:none;}
.page-content.productlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li .subnavnav.block{width:100%;display:inline-block;}
.page-content.productlist .bg-color-2 .contentbox{width:75%;padding: 0 15px 0 7.5px;}
.page-content.productlist .bg-color-2 .contentbox .breadcrumbsbox{background:#ffffff;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.productlist .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{}
.page-content.productlist .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.productlist .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.productlist .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.productlist .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}
.page-content.productlist .bg-color-2 .contentbox .banner{margin:0 0 30px 0;}
.page-content.productlist .bg-color-2 .contentbox .banner img{width:100%;}

.page-content.productlist .bg-color-2 .contentbox .productbox ul{}
.page-content.productlist .bg-color-2 .contentbox .productbox ul li{position: relative;margin-bottom: 20px;display: inline-block;vertical-align: middle;cursor:pointer;padding: 0 7.5px;}
.page-content.productlist .bg-color-2 .contentbox .productbox ul li .bg-white{-webkit-box-shadow:0 5px 5px #999999;-moz-box-shadow:0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow:0 5px 5px #999999;}
.page-content.productlist .bg-color-2 .contentbox .productbox ul li .salebox{position:absolute;right:7.5px;top:0;text-align:right;}
.page-content.productlist .bg-color-2 .contentbox .productbox ul li .salebox img{width:50%;height:50%;}
.page-content.productlist .bg-color-2 .contentbox .productbox ul li .imgbox{margin-bottom: 5px;}
.page-content.productlist .bg-color-2 .contentbox .productbox ul li .imgbox img{width:100%;}
.page-content.productlist .bg-color-2 .contentbox .productbox ul li .title{height: 75px;overflow: hidden;margin-bottom:10px;padding: 0 5px;}
.page-content.productlist .bg-color-2 .contentbox .productbox ul li .title span{font-size:20px;font-weight:bold;}
.page-content.productlist .bg-color-2 .contentbox .productbox ul li .btnbox{font-size:0;padding:5px 10px;}
.page-content.productlist .bg-color-2 .contentbox .productbox ul li .btnbox span{font-size:20px;color: #e70010;display:inline-block;vertical-align:middle;width:25%;}
.page-content.productlist .bg-color-2 .contentbox .productbox ul li .btnbox a{text-decoration:none;font-size:16px;font-weight: bold;color:#333333;display:inline-block;vertical-align:middle;    width: 37.5%;text-align:center;padding: 5px 0;}
.page-content.productlist .bg-color-2 .contentbox .productbox ul li .btnbox a:hover{background:#e78208;color:#ffffff;}

.page-content.productlist .bg-color-2 .contentbox .productbox .arrowbox{}
.page-content.productlist .bg-color-2 .contentbox .productbox .arrowbox .pagination{margin:10px 0;padding:0 15px;width: 100%;}
.page-content.productlist .bg-color-2 .contentbox .productbox .arrowbox .pagination li{padding:0;}
.page-content.productlist .bg-color-2 .contentbox .productbox .arrowbox .pagination li a{color:#333333;font-size: 16px;}
.page-content.productlist .bg-color-2 .contentbox .productbox .arrowbox .pagination li i{font-size:20px;}
.page-content.productlist .bg-color-2 .contentbox .productbox .arrowbox .pagination>li>a:focus,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li>a:hover,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li>span:focus,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li>span:hover{background-color:#ef0018;color:#ffffff}
.page-content.productlist .bg-color-2 .contentbox .productbox .arrowbox .pagination>li.disabled>a:focus,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li.disabled>a:hover,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li.disabled>span:focus,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li.disabled>span:hover{background-color:#ffffff;color:#333333}
.page-content.productlist .bg-color-2 .contentbox .productbox .arrowbox .pagination>.active>a,.page-content.productlist .bg-color-2 .contentbox .productbox .arrowbox .pagination>.active>a:focus,.page-content.productlist .bg-color-2 .contentbox .productbox .arrowbox .pagination>.active>a:hover, .page-content.productlist .bg-color-2 .contentbox .productbox .arrowbox .pagination>.active>span,.page-content.productlist .bg-color-2 .contentbox .productbox .arrowbox .pagination>.active>span:focus,.page-content.productlist .bg-color-2 .contentbox .productbox .arrowbox .pagination>.active>span:hover{border-color:#ef0018;background-color:#ef0018;color:#ffffff;}

@media (max-width: 1680px) {
    .page-content.productlist .bg-color-2 .contentbox .productbox ul li{padding:0 7.5px;}
}

@media (max-width: 1440px) {
    .page-content.productlist .bg-color-2 .contentbox .productbox ul li .title{height: 75px;}
    .page-content.productlist .bg-color-2 .contentbox .productbox ul li .title span{font-size:18px;}
    .page-content.productlist .bg-color-2 .contentbox .productbox ul li .btnbox a{font-size:16px;}
    .page-content.productlist .bg-color-2 .contentbox .productbox ul li .btnbox span{font-size:24px;}
    .page-content.productlist .outside{padding: 20px 15px;}
    .page-content.productlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0 15px;}
    .page-content.productlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 20px 10px 20px;}
}

@media (max-width: 1366px) {
    .page-content.productlist .outside{padding: 20px 15px;}
    .page-content.productlist .bg-color-2{padding:0 0 20px;}
    .page-content.productlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 25px;}
}

@media (max-width: 1024px) {
    .page-content.productlist .bg-color-2 .menulist{padding:0 7.5px;}
    .page-content.productlist .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{padding:10px;}
    .page-content.productlist .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{padding:0;}
    .page-content.productlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px;}
    .page-content.productlist .bg-color-2 .contentbox{padding:0 7.5px;}
    .page-content.productlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a{padding: 10px 10px 10px 10px;border-left:none;}
    .page-content.productlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0;}
    .page-content.productlist .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0;}
    .page-content.productlist .bg-color-2 .contentbox .productbox ul li .salebox{right: 7.5px;width: 100%;text-align: right;}
    .page-content.productlist .bg-color-2 .contentbox .productbox ul li .salebox img{width:40%;}
    .page-content.productlist .bg-color-2 .contentbox .productbox ul li .btnbox span{font-size:20px;}
    .page-content.productlist .bg-color-2 .contentbox .productbox ul li .title{height:100px;}
	.page-content.productlist .bg-color-2 .contentbox .productbox ul li .btnbox a{font-size:13px;}
}

@media (max-width: 768px) {
    .page-content.productlist .bg-color-2 .menulist {display: none;}
    .page-content.productlist .bg-color-2 .contentbox{width:100%;}
    .page-content.productlist .bg-color-2 .contentbox .productbox ul li{padding:0 10px;}
    .page-content.productlist .bg-color-2 .contentbox .productbox .arrowbox .pagination li{padding:0;}
	.page-content.productlist .bg-color-2 .contentbox .productbox ul li .btnbox a{font-size:15px;}
}

@media (max-width: 640px) {
    .page-content.productlist .bg-color-2 .contentbox .productbox ul li .title{height:auto;}
    .page-content.productlist .bg-color-2 .contentbox .productbox .arrowbox .pagination{padding:0;}
    .page-content.productlist .bg-color-2 .contentbox .productbox .arrowbox{text-align: center;}
}

@media (max-width: 480px) {
    .page-content.productlist .bg-color-2 .contentbox .productbox ul li{padding:0 5px;}
    .page-content.productlist .bg-color-2 .contentbox .productbox ul li .salebox{right:5px;}
    .page-content.productlist .bg-color-2 .contentbox .productbox ul li .title{height:70px;}
    .page-content.productlist .bg-color-2 .contentbox .productbox ul li .btnbox span{width:100%;}
    .page-content.productlist .bg-color-2 .contentbox .productbox ul li .btnbox a{width:100%;}
}

/**************************
product-detail
**************************/
#BtnLogin{background:#333333;}
.page-content.productdetail{}
.page-content.productdetail .outside{padding: 20px 0;}
.page-content.productdetail .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none;padding:20px 0;}
.page-content.productdetail .bg-color-2 .menulist{width:25%;padding:10px 7.5px 10px 15px;}
.page-content.productdetail .bg-color-2 .menulist .panel-group .panel {border:none;}
.page-content.productdetail .bg-color-2 .menulist .panel-group .panel .panel-heading{background:#ffffff;padding:0;}
.page-content.productdetail .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{border-top: 5px solid #e70010;border-bottom: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;text-decoration: none;display:inline-block;padding:10px 15px;width:100%;}
.page-content.productdetail .bg-color-2 .menulist .panel-group.brand .panel .panel-heading .panel-title{border-top-color:#ffb608;}
.page-content.productdetail .bg-color-2 .menulist .panel-group.about .panel .panel-heading .panel-title{border-top-color:#ff4500;}
.page-content.productdetail .bg-color-2 .menulist .panel-group.faq .panel .panel-heading .panel-title{border-top-color:#73cb42;}
.page-content.productdetail .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{display:inline-block;font-size:20px;vertical-align: middle;font-weight: bold;padding:0 5px;}
.page-content.productdetail .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title i{display:inline-block;font-size:25px;vertical-align: middle;}
.page-content.productdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0 10px 20px 10px;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.page-content.productdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body{border-top:none;padding:0;}
.page-content.productdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav{}
.page-content.productdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li{border-bottom:1px solid #dcdcdc;}
.page-content.productdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{font-size:16px;color:#333333;padding: 10px 30px 10px 30px;}
.page-content.productdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:hover{color:#ffffff;background:#e70010;}
.page-content.productdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a.active{color:#e70010;}
.page-content.productdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a.active:hover{color:#ffffff;background:#e70010;}
.page-content.productdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav{padding: 0 0 10px 0;width:100%;display: none;}
.page-content.productdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav.block {display:inline-block;}
.page-content.productdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav.active{display:inline-block;}
.page-content.productdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0 15px;border-bottom:none;}
.page-content.productdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a {border-left: 1px solid #dcdcdc;text-decoration: none;display: inline-block;width: 100%;padding:10px 10px 10px 25px;}
.page-content.productdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li:hover a{color:#ffffff;background:#e70010;}
.page-content.productdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li:hover .subnavnav a{color:#333333;}
.page-content.productdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li:hover .subnavnav li a{background:transparent;}
.page-content.productdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li .subnavnav li:hover a{color:#ffffff;background:#ef0018;}
.page-content.productdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li .subnavnav{display:none;}
.page-content.productdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li .subnavnav.block{width:100%;display:inline-block;}
.purchasebox {border: 1px solid #DEDEDE;margin-bottom:30px;}
.purchasebox .titlebox{background:#DEDEDE;padding:5px;}
.purchasebox .titlebox span{padding:5px;color:#333333;font-size:16px;}
.purchasebox .purchaselist{background:#ffffff}
.purchasebox .purchaselist .purchase{padding:5px;}
.purchasebox .purchaselist .purchase:nth-child(odd){background:#ffffff}
.purchasebox .purchaselist .purchase:nth-child(even){background:#eaeaea}
.purchasebox .purchaselist .purchase .inside{font-size:0;}
.purchasebox .purchaselist .purchase .inside .input{display:inline-block;width:10%;vertical-align:middle;}
.purchasebox .purchaselist .purchase .inside .imgbox{display:inline-block;width:25%;vertical-align:middle;padding:5px;}
.purchasebox .purchaselist .purchase .inside .imgbox img{width:100%;}
.purchasebox .purchaselist .purchase .inside .textbox{display:inline-block;width:45%;vertical-align:middle;}
.purchasebox .purchaselist .purchase .inside .textbox span{font-size:16px;}
.purchasebox .purchaselist .purchase .inside .textbox select{font-size:15px;display: block;width: auto;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.purchasebox .purchaselist .purchase .inside .price{display:inline-block;width:20%;vertical-align:middle;text-align:center;padding:5px;}
.purchasebox .purchaselist .purchase .inside .price span{font-size:16px;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .presentsbox {display: inline-block;width: 100%;border: 1px solid #DEDEDE;margin-top:10px;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .presentsbox .titlebox{background: #DEDEDE;padding: 5px;margin:0;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .presentsbox .titlebox span{padding: 5px;color: #333333;font-size: 16px;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .presentsbox #Presents{display:inline-block;width:100%;background:#ffffff;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .presentsbox #Presents li{font-size:0;display:inline-block;width:100%;    padding: 0 5px;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .presentsbox #Presents li:nth-child(odd){background:#ffffff;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .presentsbox #Presents li:nth-child(even){background:#eaeaea;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .presentsbox #Presents li span{font-size:15px;display:inline-block;vertical-align:middle} 
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .presentsbox #Presents li .blue{padding:5px 0;color:#333333;text-align:center;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .presentsbox #Presents li .title{padding:5px;color:#333333;}
.page-content.productdetail .bg-color-2 .contentbox{width:75%;padding:10px 15px 10px 7.5px;}
.page-content.productdetail .bg-color-2 .contentbox .breadcrumbsbox{background:#ffffff;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.productdetail .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{}
.page-content.productdetail .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.productdetail .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.productdetail .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.productdetail .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox{margin-bottom: 30px;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .sliderbox{}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .sliderbox img{width:100%;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .sliderbox .bxslider{}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .sliderbox .bx-wrapper{margin-bottom:30px;border: none;box-shadow: none;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .sliderbox .bx-wrapper .bx-controls-direction a{z-index:98;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .sliderbox .bx-wrapper .bx-viewport{left:0;box-shadow:0 4px 5px #aaaaaa;border:none;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .sliderbox #bx-pager{font-size:0;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .sliderbox #bx-pager a{display: inline-block;width:25%;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .sliderbox #bx-pager a img{width:100%;padding: 0 5px;}

.nav-tabs{border-bottom:3px solid #e70012;font-size:0;}
.nav > li.active, .nav > li > a:hover, .nav > li > a:focus, .nav > li:hover > a{background:transparent;}
.nav > li:hover > a{border: 1px solid #e70012;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background: #e70012;color: #ffffff;}
.nav-tabs>li>a{display:inline-block;background: transparent;color: #e70012;padding: 7px 20px;font-size: 18px;margin-bottom: 4px;font-weight: bold;font-family: Microsoft JhengHei;border-radius: 0;border: 1px solid #e70012;}
.nav>li>a:focus, .nav>li>a:hover{background: #e70012;color:#ffffff;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox{}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .titlebox{display:inline-block;width:100%;margin-bottom:10px;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .titlebox span{font-size: 28px;font-weight: bold;font-family: Microsoft JhengHei;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .introtext{display:inline-block;width:100%;height: 200px;overflow: hidden;overflow:auto;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .introtext ul{padding:10px 0;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .introtext ul li{font-size: 16px;margin-bottom: 10px;font-family: Microsoft JhengHei;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .introtext p{font-size: 16px;margin-bottom: 10px;text-indent:0;font-family: Microsoft JhengHei;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .introtext pre{font-size: 16px;margin-bottom: 10px;text-indent:0;font-family: Microsoft JhengHei;background-color: transparent;border:none;border-radius:0;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .price{display:inline-block;width:100%;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .price ul{}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .price ul li{display:inline-block;margin-right:50px;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .price ul li:last-child{margin:0;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .price ul li span{font-size:18px;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .price ul li span.num{font-size:24px;color:#666666;text-decoration: line-through;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .price ul li:first-child span.num{font-size:35px;color:#e70010;text-decoration:none;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .otherbox{font-size:0;display:inline-block;width:100%;border-bottom: 1px solid #aaaaaa;padding-bottom: 15px;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .otherbox .selectbox{display:inline-block;width:20%;vertical-align: middle;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .otherbox .selectbox select{border-radius:0;font-size: 16px;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .otherbox .printbox{display:inline-block;width:60%;vertical-align: middle;padding:0 15px;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .otherbox .printbox ul{display:inline-block;width:100%;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .otherbox .printbox ul li{display:inline-block;vertical-align: middle;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .otherbox .printbox ul li:first-child{margin-right: 15px;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .otherbox .printbox ul li a{display:inline-block;text-decoration: none;color: #333333;border: 1px solid #dcdcdc;padding: 0 3px;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .otherbox .printbox ul li a:hover{background:#dcdcdc;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .otherbox .printbox ul li a i{font-size:16px;margin-right: 5px;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .otherbox .printbox ul li a span{font-size:16px;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .btnbox{display:inline-block;width:100%;padding:20px 50px;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .btnbox a{text-decoration:none;display: inline-block;border: 1px solid #aaaaaa;padding: 5px 10px;background: #ffffff;color:#333333;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .btnbox a:hover{border-color:#faab10;background:#faab10;color:#ffffff;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .btnbox a:active{background:#ffffff;color:#faab10;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .btnbox a i{display:inline-block;vertical-align:middle;font-size:25px;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .btnbox a i:before{vertical-align:middle;}
.page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .btnbox a span{display:inline-block;vertical-align:middle;font-size:18px;}
.page-content.productdetail .bg-color-2 .contentbox .contentdetail{margin-bottom:15px;}
.page-content.productdetail .bg-color-2 .contentbox .contentdetail .nav-tabs>li>a{    padding:7px 7px;font-size:16px;}
.page-content.productdetail .bg-color-2 .contentbox .contentdetail p{text-indent:0;font-size:22px;color:#333333;line-height: 30px;letter-spacing: 3px;font-family: Microsoft JhengHei;}
.page-content.productdetail .bg-color-2 .contentbox .contentdetail span{text-indent:0;font-size:20px;color:#333333;line-height: 30px;letter-spacing: 3px;font-family: Microsoft JhengHei;}
.page-content.productdetail .bg-color-2 .contentbox .contentdetail .blocktitle{border-bottom:3px solid #e70012;}
.page-content.productdetail .bg-color-2 .contentbox .contentdetail .blocktitle span{display: inline-block;background: #e70012;color: #ffffff;padding: 7px 20px;font-size: 18px;margin-bottom: 2px;font-weight: bold;font-family: Microsoft JhengHei;}
.page-content.productdetail .bg-color-2 .contentbox .contentdetail .imgbox{text-align:center;padding:20px;}
.page-content.productdetail .bg-color-2 .contentbox .contentdetail .imgbox img{width:100%;}
.page-content.productdetail .bg-color-2 .contentbox .contentdetail .textbox{padding: 15px 0;}
.page-content.productdetail .bg-color-2 .contentbox .contentdetail .textbox span{display:inline-block;width:100%;font-size:16px;margin-bottom:10px;line-height: 30px;letter-spacing: 3px;}
.page-content.productdetail .bg-color-2 .contentbox .contentdetail .textbox ul{font-size:0;padding:10px;}
.page-content.productdetail .bg-color-2 .contentbox .contentdetail .textbox ul li{display:inline-block;width:33.333333%;vertical-align: top;padding:0 15px;}
.page-content.productdetail .bg-color-2 .contentbox .contentdetail .textbox ul li:last-child{width:100%;}
.page-content.productdetail .bg-color-2 .contentbox .contentdetail .textbox ul li p{font-size:22px;text-indent:0;color:#5f3c1c;font-weight: bold;margin: 0;line-height: 30px;letter-spacing: 3px;}
.page-content.productdetail .bg-color-2 .contentbox .contentdetail .textbox ul li span{font-size:20px;color:#5f3c1c;line-height: 30px;letter-spacing: 3px;}
.page-content.productdetail .bg-color-2 .contentbox .contentdetail .textbox ul li ul{width:100%;padding:10px 0;}
.page-content.productdetail .bg-color-2 .contentbox .contentdetail .textbox ul li ul li{width:100%;padding:0;margin-bottom: 10px;}
.page-content.productdetail .bg-color-2 .contentbox .contentdetail .textbox ul li ul li span{display:inline-block;width:50%;}
.page-content.productdetail .bg-color-2 .contentbox .contentdetail .textbox ul li ul li span:last-child{display:inline-block;width:50%;text-align:right}

.page-content.productdetail .bg-color-2 .contentbox .contentdetail .textbox ul li ul.howtouse{}
.page-content.productdetail .bg-color-2 .contentbox .contentdetail .textbox ul li ul.howtouse li{margin-bottom: 5px;padding-bottom:5px;border-bottom:2px dashed #333333;}
.page-content.productdetail .bg-color-2 .contentbox .contentdetail .textbox ul li ul.howtouse li span{width:10%;font-size:20px;}
.page-content.productdetail .bg-color-2 .contentbox .contentdetail .textbox ul li ul.howtouse li span:last-child{width:90%;display:inline-block;text-align:left;font-size:20px;}
.page-content.productdetail .bg-color-2 .contentbox .contentdetail .tab-content #standard{padding:20px 15px;}
.page-content.productdetail .bg-color-2 .contentbox .contentdetail .tab-content #standard p{font-size:18px;}
.page-content.productdetail .bg-color-2 .contentbox .contentdetail .tab-content #standard a{font-weight:bold;text-decoration:none;}
.page-content.productdetail .bg-color-2 .contentbox .contentdetail .tab-content #standard td,
.page-content.productdetail .bg-color-2 .contentbox .contentdetail .tab-content #standard th{font-size:16px;}
.page-content.productdetail .bg-color-2 .contentbox .contentdetail .tab-content #inspection{padding:20px 15px;}
.page-content.productdetail .bg-color-2 .contentbox .contentdetail .tab-content #inspection p{font-size:18px;}
.page-content.productdetail .bg-color-2 .contentbox .contentdetail .tab-content #inspection a{font-weight:bold;text-decoration:none;}
.page-content.productdetail .bg-color-2 .contentbox .cookbookbox{margin-bottom:10px;}
.page-content.productdetail .bg-color-2 .contentbox .cookbookbox .blocktitle{border-bottom:3px solid #009900;display: inline-block;width:100%;}
.page-content.productdetail .bg-color-2 .contentbox .cookbookbox .blocktitle span{display: inline-block;background: #009900;color: #ffffff;padding: 7px 20px;font-size: 18px;margin-bottom: 2px;font-weight: bold;font-family: Microsoft JhengHei;}
.page-content.productdetail .bg-color-2 .contentbox .cookbookbox .blocktitle a{display: inline-block;color: #009900;padding: 7px 20px;font-size: 18px;margin-bottom: 2px;font-weight: bold;font-family: Microsoft JhengHei;float: right;text-decoration:none}
.page-content.productdetail .bg-color-2 .contentbox .cookbookbox .cookbooklist{width: 100%;}
.page-content.productdetail .bg-color-2 .contentbox .cookbookbox .cookbooklist ul{display:inline-block;width:100%;font-size:0;padding:15px 0 10px;}
.page-content.productdetail .bg-color-2 .contentbox .cookbookbox .cookbooklist ul li{display:inline-block;width:33.3333333%;padding: 5px;vertical-align: top;}
.page-content.productdetail .bg-color-2 .contentbox .cookbookbox .cookbooklist ul li a{display:inline-block;width:100%;text-decoration:none;color:#333333;}
.page-content.productdetail .bg-color-2 .contentbox .cookbookbox .cookbooklist ul li a img{width:100%;margin-bottom:10px;}
.page-content.productdetail .bg-color-2 .contentbox .cookbookbox .cookbooklist ul li a span{font-size:20px;display:inline-block;width:100%;text-align:center;}

.page-content.productdetail .bg-color-2 .contentbox .productbox .blocktitle{border-bottom:3px solid #66CC33;display: inline-block;width:100%;}
.page-content.productdetail .bg-color-2 .contentbox .productbox .blocktitle span{display: inline-block;background: #66CC33;color: #ffffff;padding: 7px 20px;font-size: 18px;margin-bottom: 2px;font-weight: bold;font-family: Microsoft JhengHei;}
.page-content.productdetail .bg-color-2 .contentbox .productbox .blocktitle a{display: inline-block;color: #66CC33;padding: 7px 20px;font-size: 18px;margin-bottom: 2px;font-weight: bold;font-family: Microsoft JhengHei;float: right;text-decoration:none}
.page-content.productdetail .bg-color-2 .contentbox .productbox .productlist{}
.page-content.productdetail .bg-color-2 .contentbox .productbox .productlist ul{display:inline-block;width:100%;font-size:0;padding:15px 0 10px;}
.page-content.productdetail .bg-color-2 .contentbox .productbox .productlist ul li{display:inline-block;width:25%;padding: 5px;vertical-align: top;}
.page-content.productdetail .bg-color-2 .contentbox .productbox .productlist ul li a{display:inline-block;width:100%;text-decoration:none;color:#333333;}
.page-content.productdetail .bg-color-2 .contentbox .productbox .productlist ul li a img{width:100%;margin-bottom:10px;}
.page-content.productdetail .bg-color-2 .contentbox .productbox .productlist ul li a span{font-size:18px;display:inline-block;width:100%;text-align:center;}

.page-content.productdetail .bg-color-2 .contentbox .arrowbox{text-align:right;}
.page-content.productdetail .bg-color-2 .contentbox .arrowbox .pagination{margin:5px 0;}
.page-content.productdetail .bg-color-2 .contentbox .arrowbox .pagination>li>a,.page-content.productdetail .bg-color-2 .contentbox .arrowbox  .pagination>li>span{font-size:20px;padding: 2px 14px;}
.page-content.productdetail .bg-color-2 .contentbox .arrowbox .pagination>li>a:hover,.page-content.productdetail .bg-color-2 .contentbox .arrowbox .pagination>li>span:hover{background:#66CC33;color:#ffffff;}
.page-content.productdetail .bg-color-2 .contentbox .arrowbox .pagination>.disabled>a,.page-content.productdetail .bg-color-2 .contentbox .arrowbox  .pagination>.disabled>a:focus,.page-content.productdetail .bg-color-2 .contentbox .arrowbox  .pagination>.disabled>a:hover,.page-content.productdetail .bg-color-2 .contentbox .arrowbox  .pagination>.disabled>span,.page-content.productdetail .bg-color-2 .contentbox .arrowbox  .pagination>.disabled>span:focus,.page-content.productdetail .bg-color-2 .contentbox .arrowbox  .pagination>.disabled>span:hover{color: #777;cursor: not-allowed;background-color: #fff;border-color: #ddd;}

@media (max-width: 1680px) {
    .page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .introtext{height:200px;}
}

@media (max-width: 1440px) {
    .page-content.productdetail .outside{padding: 20px 15px;}
    .page-content.productdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0 15px;}
    .page-content.productdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 20px 10px 20px;}
}

@media (max-width: 1366px) {
    .page-content.productdetail .outside{padding: 20px 15px;}
    .page-content.productdetail .bg-color-2{padding:0 0 20px;}
    .page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .titlebox span{font-size:25px;}
    .page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .introtext{height:250px;}
    .page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .introtext ul li{font-size:16px;}
    .page-content.productdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 25px;}
    .page-content.productdetail .bg-color-2 .contentbox .detailbox .sliderbox{width:40%;}
    .page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox{width:60%;}
}

@media (max-width: 1024px) {
    .page-content.productdetail .bg-color-2 .menulist{padding:0 7.5px;}
    .page-content.productdetail .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{padding:10px;}
    .page-content.productdetail .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{padding:0;}
    .page-content.productdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0;}
    .page-content.productdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px;}
    .page-content.productdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a{padding: 10px 10px 10px 10px;border-left:none;}
    .page-content.productdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0;}
    .page-content.productdetail .bg-color-2 .contentbox{padding:0 7.5px;}
    .page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .introtext{height:200px;}
}

@media (max-width: 768px) {
    .page-content.productdetail .bg-color-2 .menulist{display:none;}
    .page-content.productdetail .bg-color-2 .contentbox{width:100%;}
    .page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .titlebox span{font-size:20px;}
    .page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .introtext{height:auto;}
    .page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .introtext ul li{font-size:15px;}
    .page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox .btnbox{padding:15px;text-align:center;}
    .page-content.productdetail .bg-color-2 .contentbox .productbox .productlist ul li{width:50%;}
    .nav-tabs>li{display:inline-block;width:33.33333%;text-align:center;}
    .nav-tabs>li>a{width:100%;}
}

@media (max-width: 640px) {
    .page-content.productdetail .bg-color-2 .contentbox .cookbookbox .cookbooklist ul li{width:100%;}
    .page-content.productdetail .bg-color-2 .contentbox .detailbox .sliderbox{width:100%;margin-bottom:10px;}
    .page-content.productdetail .bg-color-2 .contentbox .detailbox .introbox{width:100%;}
    .nav-tabs>li{width:50%;text-align:center;}
    .nav-tabs>li>a{width:100%;font-size: 16px;}
}

@media (max-width: 480px) {

}


/**************************
cookbook
**************************/
.page-content.cookbooklist{width:100%;}
.page-content.cookbooklist .outside{padding:20px 0;}
.page-content.cookbooklist .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none;padding:20px 0;}

.page-content.cookbooklist .bg-color-2 .menulist{width:25%;padding:10px 7.5px 10px 15px;}
.page-content.cookbooklist .bg-color-2 .menulist .panel-group .panel {border:none;}
.page-content.cookbooklist .bg-color-2 .menulist .panel-group .panel .panel-heading{background:#ffffff;padding:0;}
.page-content.cookbooklist .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{border-top: 5px solid #e70010;border-bottom: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;text-decoration: none;display:inline-block;padding:10px 15px;width:100%;}

.page-content.cookbooklist .bg-color-2 .menulist .panel-group.about .panel .panel-heading .panel-title{border-top-color:#ff4500;}
.page-content.cookbooklist .bg-color-2 .menulist .panel-group.faq .panel .panel-heading .panel-title{border-top-color:#73cb42;}
.page-content.cookbooklist .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{display:inline-block;font-size:20px;vertical-align: middle;font-weight: bold;padding:0 5px;}
.page-content.cookbooklist .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title i{display:inline-block;font-size:25px;vertical-align: middle;}
.page-content.cookbooklist .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0 10px 20px 10px;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.page-content.cookbooklist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body{border-top:none;padding:0;}
.page-content.cookbooklist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav{}
.page-content.cookbooklist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li{border-bottom:1px solid #dcdcdc;}
.page-content.cookbooklist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{font-size:16px;color:#333333;padding: 10px;font-weight:normal;}
.page-content.cookbooklist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:hover{color:#ffffff;background:#e70010;}
.page-content.cookbooklist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a.active{color:#e70010;}
.page-content.cookbooklist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav{padding: 0 0 10px 0;width:100%;display:none;}
.page-content.cookbooklist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav.block{display:inline-block;}
.page-content.cookbooklist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav.active{display:inline-block;}
.page-content.cookbooklist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0 10px;border-bottom:none;}
.page-content.cookbooklist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a {border-left: 1px solid #dcdcdc;text-decoration: none;display: inline-block;width: 100%;padding:10px 10px 10px 25px;}
.page-content.cookbooklist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li:hover a{color:#ffffff;background:#ef0018;}
.page-content.cookbooklist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li:focus a{color:#ffffff;}
.page-content.cookbooklist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li:hover .subnav a{color:#333333;}
.page-content.cookbooklist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li:hover .subnav li:hover a{color:#ffffff;}
.page-content.cookbooklist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li:hover .subnavnav a{color:#333333;}
.page-content.cookbooklist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li:hover .subnavnav li a{background:transparent;}
.page-content.cookbooklist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li .subnavnav li:hover a{color:#ffffff;background:#ef0018;}
.page-content.cookbooklist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li .subnavnav{display:none;}
.page-content.cookbooklist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li .subnavnav.block{width:100%;display:inline-block;}
.page-content.cookbooklist .bg-color-2 .contentbox{width:75%;padding:10px 15px 10px 7.5px;}
.page-content.cookbooklist .bg-color-2 .contentbox .breadcrumbsbox{background:#ffffff;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.cookbooklist .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{}
.page-content.cookbooklist .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.cookbooklist .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.cookbooklist .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.cookbooklist .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}

.page-content.cookbooklist .bg-color-2 .contentbox .productbox ul{border:none;}
.page-content.cookbooklist .bg-color-2 .contentbox .productbox ul li{position: relative;margin-bottom: 20px;display: inline-block;vertical-align: middle;cursor:pointer;padding: 0 7.5px;}
.page-content.cookbooklist .bg-color-2 .contentbox .productbox ul li .bg-white{-webkit-box-shadow:0 5px 5px #999999;-moz-box-shadow:0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow:0 5px 5px #999999;}
.page-content.cookbooklist .bg-color-2 .contentbox .productbox ul li .imgbox{margin-bottom: 5px;display: inline-block;width: 100%;}
.page-content.cookbooklist .bg-color-2 .contentbox .productbox ul li .imgbox img{width:100%;}
.page-content.cookbooklist .bg-color-2 .contentbox .productbox ul li .imgbox .img{width:100%;    height: 165px;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.page-content.cookbooklist .bg-color-2 .contentbox .productbox ul li .title{height: 70px;overflow: hidden;margin-bottom:5px;padding: 0 5px;text-align: center;display: inline-block;width: 100%;}
.page-content.cookbooklist .bg-color-2 .contentbox .productbox ul li .title span{font-size:25px;font-weight:bold;}
.page-content.cookbooklist .bg-color-2 .contentbox .productbox ul li .release{margin-bottom:5px;padding: 0 5px;text-align: center;display: inline-block;width: 100%;}
.page-content.cookbooklist .bg-color-2 .contentbox .productbox ul li .release span{font-size:20px;font-weight:bold;}
.page-content.cookbooklist .bg-color-2 .contentbox .productbox ul li .cate{margin-bottom:5px;padding: 0 5px;text-align: center;display: inline-block;width: 100%;}
.page-content.cookbooklist .bg-color-2 .contentbox .productbox ul li .cate span{font-size:20px;font-weight:bold;}
.page-content.cookbooklist .bg-color-2 .contentbox .productbox .arrowbox{}
.page-content.cookbooklist .bg-color-2 .contentbox .productbox .arrowbox .pagination{margin:10px 0;padding:0 15px;width: 100%;}
.page-content.cookbooklist .bg-color-2 .contentbox .productbox .arrowbox .pagination li{padding:0;}
.page-content.cookbooklist .bg-color-2 .contentbox .productbox .arrowbox .pagination li.disabled{display:none;}
.page-content.cookbooklist .bg-color-2 .contentbox .productbox .arrowbox .pagination li a{color:#333333;font-size: 16px;}
.page-content.cookbooklist .bg-color-2 .contentbox .productbox .arrowbox .pagination li i{font-size:20px;}
.page-content.cookbooklist .bg-color-2 .contentbox .productbox .arrowbox .pagination>li>a:focus,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li>a:hover,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li>span:focus,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li>span:hover{background-color:#ef0018;color:#ffffff}
.page-content.cookbooklist .bg-color-2 .contentbox .productbox .arrowbox .pagination>li.disabled>a:focus,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li.disabled>a:hover,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li.disabled>span:focus,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li.disabled>span:hover{background-color:#ffffff;color:#333333}
.page-content.cookbooklist .bg-color-2 .contentbox .productbox .arrowbox .pagination>.active>a,.page-content.cookbooklist .bg-color-2 .contentbox .productbox .arrowbox .pagination>.active>a:focus,.page-content.cookbooklist .bg-color-2 .contentbox .productbox .arrowbox .pagination>.active>a:hover, .page-content.cookbooklist .bg-color-2 .contentbox .productbox .arrowbox .pagination>.active>span,.page-content.cookbooklist .bg-color-2 .contentbox .productbox .arrowbox .pagination>.active>span:focus,.page-content.cookbooklist .bg-color-2 .contentbox .productbox .arrowbox .pagination>.active>span:hover{border-color:#ef0018;background-color:#ef0018;color:#ffffff;}

@media (max-width: 1680px) {
    .page-content.cookbooklist .bg-color-2 .contentbox .productbox ul li{padding:0 7.5px;}
}

@media (max-width: 1600px) {
    .page-content.cookbooklist .bg-color-2 .contentbox .productbox ul li .imgbox .img{height:150px;}
}

@media (max-width: 1440px) {
    .page-content.cookbooklist .bg-color-2 .contentbox .productbox ul li .title{height: 50px;}
    .page-content.cookbooklist .bg-color-2 .contentbox .productbox ul li .title span{font-size:16px;}
    .page-content.cookbooklist .bg-color-2 .contentbox .productbox ul li .release span{font-size:16px;}
    .page-content.cookbooklist .outside{padding: 20px 15px;}
    .page-content.cookbooklist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0 15px;}
    .page-content.cookbooklist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 20px 10px 20px;}
}

@media (max-width: 1366px) {
    .page-content.cookbooklist .outside{padding: 20px 15px;}
    .page-content.cookbooklist .bg-color-2{padding:0 0 20px;}
    .page-content.cookbooklist .bg-color-2 .contentbox .productbox ul li .imgbox .img{height:160px;}
    .page-content.cookbooklist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 25px;}
}

@media (max-width: 1280px) {
    .page-content.cookbooklist .bg-color-2 .contentbox .productbox ul li .imgbox .img{height:160px;}
}

@media (max-width: 1024px) {
    .page-content.cookbooklist .bg-color-2 .menulist{padding:0 7.5px;}
    .page-content.cookbooklist .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{padding:10px;}
    .page-content.cookbooklist .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{padding:0;}
    .page-content.cookbooklist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px;}
    .page-content.cookbooklist .bg-color-2 .contentbox{padding:0 7.5px;}
    .page-content.cookbooklist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a{padding: 10px 10px 10px 10px;border-left:none;}
    .page-content.cookbooklist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0;}
    .page-content.cookbooklist .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0;}
    .page-content.cookbooklist .bg-color-2 .contentbox .productbox ul li .imgbox .img{height:130px;}
}

@media (max-width: 768px) {
    .page-content.cookbooklist .bg-color-2 .menulist {display: none;}
    .page-content.cookbooklist .bg-color-2 .contentbox{width:100%;}
    .page-content.cookbooklist .bg-color-2 .contentbox .productbox ul li{padding:0 10px;}
    .page-content.cookbooklist .bg-color-2 .contentbox .productbox .arrowbox{text-align:center;}
    .page-content.cookbooklist .bg-color-2 .contentbox .productbox .arrowbox .pagination li{padding:0;}
    .page-content.cookbooklist .bg-color-2 .contentbox .productbox ul li .imgbox .img{height:195px;}
}

@media (max-width: 640px) {
    .page-content.cookbooklist .bg-color-2 .contentbox .productbox ul li .title{height:auto;}
    .page-content.cookbooklist .bg-color-2 .contentbox .productbox .arrowbox .pagination{padding:0;}
    .page-content.cookbooklist .bg-color-2 .contentbox .productbox ul li .imgbox .img{height:155px;}
}

@media (max-width: 480px) {
    .page-content.cookbooklist .bg-color-2 .contentbox .productbox ul li{}
    .page-content.cookbooklist .bg-color-2 .contentbox .productbox ul li .imgbox .img{height:115px;}
}

@media (max-width: 479px) {
    .page-content.cookbooklist .bg-color-2 .contentbox .productbox ul li .imgbox .img{height:70px;}
}

/**************************
cookbook-detail
**************************/
.page-content.cookbookdetail{}
.page-content.cookbookdetail .outside{padding:20px 0;}
.page-content.cookbookdetail .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none;padding:20px 0;}
.page-content.cookbookdetail .bg-color-2 .menulist{width:20%;padding:10px 7.5px 10px 15px;}
.page-content.cookbookdetail .bg-color-2 .menulist .panel-group .panel {border:none;}
.page-content.cookbookdetail .bg-color-2 .menulist .panel-group .panel .panel-heading{background:#ffffff;padding:0;}
.page-content.cookbookdetail .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{border-top: 5px solid #e70010;border-bottom: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;text-decoration: none;display:inline-block;padding:10px 15px;width:100%;}
.page-content.cookbookdetail .bg-color-2 .menulist .panel-group.brand .panel .panel-heading .panel-title{border-top-color:#ffb608;}
.page-content.cookbookdetail .bg-color-2 .menulist .panel-group.about .panel .panel-heading .panel-title{border-top-color:#ff4500;}
.page-content.cookbookdetail .bg-color-2 .menulist .panel-group.faq .panel .panel-heading .panel-title{border-top-color:#73cb42;}
.page-content.cookbookdetail .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{display:inline-block;font-size:20px;vertical-align: middle;font-weight: bold;padding:0 5px;}
.page-content.cookbookdetail .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title i{display:inline-block;font-size:25px;vertical-align: middle;}
.page-content.cookbookdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0 10px 20px 10px;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.page-content.cookbookdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body{border-top:none;padding:0;}
.page-content.cookbookdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav{}
.page-content.cookbookdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li{border-bottom:1px solid #dcdcdc;}
.page-content.cookbookdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{font-size:16px;color:#333333;padding: 10px 30px 10px 30px;font-weight: bold;}
.page-content.cookbookdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:hover{color:#ffffff;background:#e70010;}
.page-content.cookbookdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a.active{color:#e70010;}
.page-content.cookbookdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a.active:hover{color:#ffffff;background:#e70010;}
.page-content.cookbookdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a .category-level-2{display:none;}
.page-content.cookbookdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav{padding: 0 0 10px 0;width:100%;display:none;}
.page-content.cookbookdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav.block{display:inline-block;}
.page-content.cookbookdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav.active{display:inline-block;}
.page-content.cookbookdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0 10px;border-bottom:none;}
.page-content.cookbookdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a {border-left: 1px solid #dcdcdc;text-decoration: none;display: inline-block;width: 100%;padding:10px 10px 10px 25px;}
.page-content.cookbookdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li:hover a{color:#ffffff;background:#ef0018;}
.page-content.cookbookdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li:hover .subnav a{color:#333333;}
.page-content.cookbookdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li:hover .subnav li:hover a{color:#ffffff;}
.page-content.cookbookdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li:hover .subnavnav a{color:#333333;}
.page-content.cookbookdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li:hover .subnavnav li a{background:transparent;}
.page-content.cookbookdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li .subnavnav li:hover a{color:#ffffff;background:#ef0018;}
.page-content.cookbookdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li .subnavnav{display:none;}
.page-content.cookbookdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li .subnavnav.block{width:100%;display:inline-block;}
.page-content.cookbookdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .category-level-2{display:none;}
.page-content.cookbookdetail .bg-color-2 .contentbox{width:80%;padding:10px 15px 10px 7.5px;}
.page-content.cookbookdetail .bg-color-2 .contentbox .breadcrumbsbox{background:#ffffff;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.cookbookdetail .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{}
.page-content.cookbookdetail .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.cookbookdetail .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.cookbookdetail .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.cookbookdetail .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}
.page-content.cookbookdetail .bg-color-2 .contentbox .detailbox{margin-bottom: 20px;}
.page-content.cookbookdetail .bg-color-2 .contentbox .detailbox .videobox{margin-bottom: 30px;height:600px;}
.page-content.cookbookdetail .bg-color-2 .contentbox .detailbox .videobox iframe{width:100%;height:100%;}
.page-content.cookbookdetail .bg-color-2 .contentbox .detailbox .introbox{padding:0;}
.page-content.cookbookdetail .bg-color-2 .contentbox .detailbox .introbox .titlebox{display:inline-block;width:100%;}
.page-content.cookbookdetail .bg-color-2 .contentbox .detailbox .introbox .titlebox span{font-size: 32px;font-weight: bold;font-family: Microsoft JhengHei;}
.page-content.cookbookdetail .bg-color-2 .contentbox .detailbox .introbox .datebox{display:inline-block;width:100%;}
.page-content.cookbookdetail .bg-color-2 .contentbox .detailbox .introbox .datebox span{font-size: 18px;font-weight: bold;font-family: Microsoft JhengHei;}
.page-content.cookbookdetail .bg-color-2 .contentbox .detailbox .textbox{background: #ffffff;border: 1px solid #dcdcdc;margin-bottom:10px;}
.page-content.cookbookdetail .bg-color-2 .contentbox .detailbox .textbox ul{display:inline-block;width:100%;font-size:0;text-align:center;}
.page-content.cookbookdetail .bg-color-2 .contentbox .detailbox .textbox ul li{display:inline-block;width:33.333333%;font-size:16px;font-family: Microsoft JhengHei;padding: 10px 15px;border-right:1px solid #dcdcdc;}
.page-content.cookbookdetail .bg-color-2 .contentbox .detailbox .textbox ul li:last-child{border:none;}
.page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .videotext ul li{display:inline-block;padding:0 10px;}
.page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .videotext ul li span{font-size:16px;font-family: Microsoft JhengHei;}
.page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .videotext ul li span.title{font-weight:bold;}
.page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .imgbox{text-align:center;padding:10px;}
.page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .imgbox img{width:100%;}
.page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .textbox{margin: 10px 0 15px;}
.page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .textbox p{text-indent:0;font-size: 18px;font-family: Microsoft JhengHei;line-height: 30px;letter-spacing: 3px;}
.page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .listbox{}
.page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .listbox ul{font-size:0;}
.page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .listbox ul li{display:inline-block;width:50%;vertical-align: top;margin-bottom:5px;font-size:16px;}
.page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .listbox ul li.method{width:100%;}
.page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .listbox ul li .imgbox{display:inline-block;width:100%;text-align:left;padding: 0;margin-bottom:10px;}
.page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .listbox ul li .imgbox img{display:inline-block;vertical-align:middle;width:auto;}
.page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .listbox ul li .imgbox span{font-size:25px;display:inline-block;vertical-align:middle;color:#663300;font-weight:bold;}
.page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .listbox ul li .sublistbox{padding: 0 15px;font-size:16px;}
.page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .listbox ul li .sublistbox ul{}
.page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .listbox ul li .sublistbox ul li{display:inline-block;width:100%;margin-bottom:10px;}
.page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .listbox ul li .sublistbox ul li span{font-size:22px;color:#663300;line-height: 30px;letter-spacing: 3px;font-family: Microsoft JhengHei;}
.page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .listbox ul li .sublistbox ul li span.left{display:inline-block;width:85%;}
.page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .listbox ul li .sublistbox ul li span.right{display:inline-block;width:15%;}
.page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .listbox ul li .sublistbox p{text-indent:0;font-family: Microsoft JhengHei;}
.page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .listbox ul li .stepbox{}
.page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .listbox ul li .stepbox p{text-indent:0;font-family: Microsoft JhengHei;}
.page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .listbox ul li .stepbox ul{}
.page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .listbox ul li .stepbox ul li{display:inline-block;width:100%;font-size:0;border-bottom:2px dashed #663300;margin-bottom: 15px;}
.page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .listbox ul li .stepbox ul li .imgbox{display:inline-block;width:25%;vertical-align: top;margin-bottom: 15px;}
.page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .listbox ul li .stepbox ul li .imgbox img{width:100%;}
.page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .listbox ul li .stepbox ul li .textbox{display:inline-block;width:75%;vertical-align: top;padding:15px;}
.page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .listbox ul li .stepbox ul li .textbox span{display:inline-block;width:100%;font-size:25px;line-height: 30px;letter-spacing: 3px;}
.page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .listbox ul li .stepbox ul li .textbox span.title{color:#663300;margin-bottom:10px;}
.page-content.cookbookdetail .bg-color-2 .contentbox .otherproductbox{}
.page-content.cookbookdetail .bg-color-2 .contentbox .otherproductbox span.title{display:inline-block;width:100%;background: #e70010;color:#ffffff;font-size: 18px;padding:10px;text-align:center;}
.page-content.cookbookdetail .bg-color-2 .contentbox .otherproductbox .otherproduct{display:inline-block;width:100%;}
.page-content.cookbookdetail .bg-color-2 .contentbox .otherproductbox .otherproduct ul{display:inline-block;width:100%;font-size:0;}
.page-content.cookbookdetail .bg-color-2 .contentbox .otherproductbox .otherproduct ul li{display:inline-block;padding:10px;width:25%;vertical-align: top;}
.page-content.cookbookdetail .bg-color-2 .contentbox .otherproductbox .otherproduct ul li .imgbox{margin-bottom:10px;}
.page-content.cookbookdetail .bg-color-2 .contentbox .otherproductbox .otherproduct ul li .imgbox img{width:100%;}
.page-content.cookbookdetail .bg-color-2 .contentbox .otherproductbox .otherproduct ul li .title{text-align:center;}
.page-content.cookbookdetail .bg-color-2 .contentbox .otherproductbox .otherproduct ul li .title span{font-size:22px;}
@media (max-width: 1680px) {
    .page-content.cookbookdetail .bg-color-2 .contentbox .detailbox .introbox .introtext{height:200px;}
}

@media (max-width: 1440px) {
    .page-content.cookbookdetail .outside{padding: 20px 15px;}
    .page-content.cookbookdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0 15px;}
    .page-content.cookbookdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 20px 10px 20px;}
}

@media (max-width: 1366px) {
    .page-content.cookbookdetail .outside{padding: 20px 15px;}
    .page-content.cookbookdetail .bg-color-2{padding:0 0 20px;}
    .page-content.cookbookdetail .bg-color-2 .contentbox .detailbox .introbox .titlebox span{font-size:25px;}
    .page-content.cookbookdetail .bg-color-2 .contentbox .detailbox .introbox .introtext{height:175px;}
    .page-content.cookbookdetail .bg-color-2 .contentbox .detailbox .introbox .introtext ul li{font-size:16px;}
    .page-content.cookbookdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 25px;}
    .page-content.cookbookdetail .bg-color-2 .contentbox .detailbox .introbox{width:100%;}
}

@media (max-width: 1024px) {
    .page-content.cookbookdetail .bg-color-2 .menulist{padding:0 7.5px;}
    .page-content.cookbookdetail .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{padding:10px;}
    .page-content.cookbookdetail .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{padding:0;}
    .page-content.cookbookdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0;}
    .page-content.cookbookdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px;}
    .page-content.cookbookdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a{padding: 10px 10px 10px 10px;border-left:none;}
    .page-content.cookbookdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0;}
    .page-content.cookbookdetail .bg-color-2 .contentbox{padding:0 7.5px;}
}

@media (max-width: 768px) {
    .page-content.cookbookdetail .bg-color-2 .menulist{display:none;}
    .page-content.cookbookdetail .bg-color-2 .contentbox{width:100%;}
    .page-content.cookbookdetail .bg-color-2 .contentbox .detailbox .introbox .titlebox span{font-size:20px;}
    .page-content.cookbookdetail .bg-color-2 .contentbox .detailbox .introbox .introtext{height:auto;}
    .page-content.cookbookdetail .bg-color-2 .contentbox .detailbox .introbox .introtext ul li{font-size:15px;}
    .page-content.cookbookdetail .bg-color-2 .contentbox .detailbox .introbox .btnbox{padding:15px;text-align:center;}
    .page-content.cookbookdetail .bg-color-2 .contentbox .productbox .productlist ul li{width:50%;}
    .page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .listbox ul li{width:100%;}
    .page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .listbox ul li .sublistbox ul li span.left{width:50%;}
    .page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .listbox ul li .sublistbox ul li span.right{width:50%;}
    .page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .imgbox{padding:0;margin-bottom: 10px;}
    .page-content.cookbookdetail .bg-color-2 .contentbox .detailbox{margin-bottom:10px;}
    .page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .listbox ul li .sublistbox{padding:0;}
    .page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .listbox ul li .stepbox ul li .textbox{padding:0 15px;}
}

@media (max-width: 640px) {
    .page-content.cookbookdetail .bg-color-2 .contentbox .cookbookbox .cookbooklist ul li{width:100%;}
    .page-content.cookbookdetail .bg-color-2 .contentbox .detailbox .sliderbox{width:100%;margin-bottom:10px;}
    .page-content.cookbookdetail .bg-color-2 .contentbox .detailbox .introbox{width:100%;}
    .page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .listbox ul li .stepbox ul li .textbox{padding:0 5px;}
    .page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .listbox ul li .stepbox ul li .textbox span{font-size:18px;}
    .page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .listbox ul li .stepbox ul li .textbox span.title{margin-bottom:5px;}
}

@media (max-width: 480px) {
    .page-content.cookbookdetail .bg-color-2 .contentbox .otherproductbox .otherproduct ul li{width:50%;padding:0 5px;margin-bottom:5px;}
    .page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .listbox ul li .stepbox ul li .imgbox{width:100%;margin-bottom: 5px;}
    .page-content.cookbookdetail .bg-color-2 .contentbox .contentdetail .listbox ul li .stepbox ul li .textbox{width:100%;margin-bottom: 10px;}
}

/**************************
member
**************************/
.page-content.member{}
.page-content.member .outside{padding:35px 0 0;}
.page-content.member .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none;}
.page-content.member .bg-color-2 .contentbox{padding:10px 10px;}
.page-content.member .bg-color-2 .contentbox .breadcrumbsbox{background:#ffffff;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.member .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{}
.page-content.member .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.member .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.member .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.member .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}
.page-content.member .bg-color-2 .contentbox .insidebox{background:#ffffff;border:1px solid #dcdcdc;padding: 20px 15px;text-align:center;}
.page-content.member .bg-color-2 .contentbox .insidebox .box{display:inline-block;width:85%;text-align: left;}
.page-content.member .bg-color-2 .contentbox .insidebox .box .registerbox{margin-bottom:20px;}
.page-content.member .bg-color-2 .contentbox .insidebox .box .registerbox span{display:inline-block;width:100%;font-weight:bold;}
.page-content.member .bg-color-2 .contentbox .insidebox .box .registerbox .title {border-bottom:2px dotted #333333;}
.page-content.member .bg-color-2 .contentbox .insidebox .box .registerbox .title span{font-size: 22px;padding-bottom: 5px;}
.page-content.member .bg-color-2 .contentbox .insidebox .box .registerbox .content{}
.page-content.member .bg-color-2 .contentbox .insidebox .box .registerbox .content span{font-size: 22px;padding:30px 10px 50px;text-align:center;}
.page-content.member .bg-color-2 .contentbox .insidebox .box .registerbox .btnbox{text-align:center;display:inline-block;width:100%;margin-bottom: 10px;}
.page-content.member .bg-color-2 .contentbox .insidebox .box .registerbox .btnbox a{display:inline-block;padding: 5px 40px;text-decoration: none;font-size: 18px;border: 1px solid #e70010;color: #ffffff;background: #e70010;border-radius:4px;}
.page-content.member .bg-color-2 .contentbox .insidebox .box .registerbox .btnbox a:active{color: #e70010;background: #ffffff;}
.page-content.member .bg-color-2 .contentbox .insidebox .box .registerbox .enterprisebox{text-align:center;display:inline-block;width:100%;padding:15px;}
.page-content.member .bg-color-2 .contentbox .insidebox .box .registerbox .enterprisebox span{width:auto;font-size: 16px;font-weight:bold;}
.page-content.member .bg-color-2 .contentbox .insidebox .box .registerbox .enterprisebox a{font-size: 16px;font-weight:bold;color:#e70010;text-decoration: underline;padding:0 5px;}
.page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox span{display:inline-block;width:100%;font-weight:bold;}
.page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox .title{border-bottom:2px dotted #333333;}
.page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox .title span{font-size: 22px;padding-bottom: 5px;}
.page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox .content{}
.page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox .content ul{font-size:0;padding:35px 0 15px;}
.page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li{display:inline-block;width:100%;margin-bottom:20px;}
.page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .textbox{display:inline-block;width:20%;text-align:right;padding:0 15px;vertical-align:middle;}
.page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .textbox span{font-size:18px;}
.page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .textbox span.rice{width:auto;}
.page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .inputbox{display:inline-block;width:80%;vertical-align:middle;}
.page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .inputbox input{border-radius:0;vertical-align:middle;}
.page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.code .inputbox input{width:auto;display: inline-block;margin-right:10px;margin-bottom:0;}
.page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .inputbox a{font-size:17px;}
.page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .inputbox div{font-size:20px;}
.page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.code .inputbox div{width:auto;display: inline-block;vertical-align:middle;cursor:pointer;border: 2px solid #333333;padding:1px 20px;margin-right:10px;}
.page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.code .inputbox a{width:auto;display: inline-block;vertical-align:bottom;color: #e70010;text-decoration: none;}
.page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .forget{display:inline-block;width:80%;vertical-align:middle;}
.page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .forget a{display:inline-block;width:100%;font-size: 18px;text-decoration: none;color:#333333;font-weight:bold;}
.page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox{text-align:center;display:inline-block;width:100%;margin-bottom: 10px;}
.page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a#summitlogin{display:inline-block;padding: 5px 40px;text-decoration: none;font-size: 18px;border: 1px solid #e70010;color: #ffffff;background: #e70010;border-radius:4px;margin-right: 30px;}
.page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a#summitlogin:active{color: #e70010;background: #ffffff;}
.page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a#fblogin{display:inline-block;padding: 5px 15px;text-decoration: none;font-size: 18px;border: 1px solid #3a5898;color: #ffffff;background: #3a5898;border-radius:4px;}
.page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a#fblogin:active{color: #3a5898;background: #ffffff;}
.page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a#fblogin i{display:inline-block;width:auto;}
.page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a#fblogin span{display:inline-block;width:auto;}

.page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox .enterprisebox{text-align:center;display:inline-block;width:100%;padding:15px;}
.page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox .enterprisebox span{width:auto;font-size: 16px;font-weight:bold;}
.page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox .enterprisebox a{font-size: 16px;font-weight:bold;color:#e70010;text-decoration: underline;padding:0 5px;}

@media (max-width: 1440px) {
    .page-content.member .outside{padding:0 15px;}
}
@media (max-width: 1366px) {
    .page-content.member .outside{padding:0 15px;}
}
@media (max-width: 1280px) {
    .page-content.member .bg-color-2 .contentbox .insidebox .box{width:100%;padding:0 15px;}
}

@media (max-width: 1024px) {
    .page-content.member .bg-color-2 .contentbox .insidebox .box{padding:0;}
    .page-content.member .bg-color-2 .contentbox .insidebox .box .registerbox .content span{padding:30px 0 50px;}
}


@media (max-width: 768px) {
    .page-content.member .sliderbox li .textbox{width:600px;top:10%;}
    .page-content.member .outside{padding:0 15px;}
    .page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox .content ul{padding:15px 0 15px;}
    .page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.code{margin-bottom:10px;}
    .page-content.member .bg-color-2 .contentbox .insidebox .box .registerbox .title span{font-size:20px;}
    .page-content.member .bg-color-2 .contentbox .insidebox .box .registerbox .content span{padding:15px 0 30px;font-size:18px;}
}
@media (max-width: 640px) {
    .page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li{margin-bottom:10px;}
    .page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .textbox{width: 100%;text-align: left;padding: 0;}
    .page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .inputbox{width:100%;}
    .page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .forget{width:100%;}
    .page-content.member .bg-color-2 .contentbox .insidebox .box .registerbox .content span{font-size:16px;}
    
}
@media (max-width: 480px) {
    .page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a#summitlogin {margin: 0;}
    .page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.code .inputbox input{margin:0 0 10px 0;}
    .page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.code .inputbox div#checkCode{margin:0 0 5px 0;}
    .page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox .enterprisebox{padding:15px 0;}
    .page-content.member .bg-color-2 .contentbox .insidebox .box .registerbox .enterprisebox{padding:15px 0;}
}
@media (max-width: 359px) {
    .page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a {width:100%;}
    .page-content.member .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a#summitlogin{margin-bottom:10px;}
}

/**************************
register
**************************/
.page-content.register{}
.page-content.register .outside{padding:35px 0 0;}
.page-content.register .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none;}
.page-content.register .bg-color-2 .contentbox{padding:10px 10px;}
.page-content.register .bg-color-2 .contentbox .breadcrumbsbox{background:#ffffff;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.register .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{}
.page-content.register .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.register .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.register .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.register .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}
.page-content.register .bg-color-2 .contentbox .insidebox{background:#ffffff;border:1px solid #dcdcdc;padding: 20px 15px;text-align:center;}
.page-content.register .bg-color-2 .contentbox .insidebox .box{display:inline-block;width:85%;text-align: left;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .registerbox{margin-bottom:20px;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .registerbox span{display:inline-block;width:100%;font-weight:bold;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .registerbox .title {border-bottom:2px dotted #333333;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .registerbox .title span{font-size: 22px;padding-bottom: 5px;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .registerbox .content{}
.page-content.register .bg-color-2 .contentbox .insidebox .box .registerbox .content span{font-size: 22px;padding:30px 100px 50px;text-align:center;color: #333333;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .registerbox .content span a{color: #e70010;text-decoration:none;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .registerbox .btnbox{text-align:center;display:inline-block;width:100%;margin-bottom: 10px;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .registerbox .btnbox a#fblogin{display:inline-block;padding: 10px 15px;text-decoration: none;font-size: 18px;border: 1px solid #3a5898;color: #ffffff;background: #3a5898;border-radius:4px;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .registerbox .btnbox a#fblogin:active{color: #3a5898;background: #ffffff;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .registerbox .btnbox a#fblogin i{display:inline-block;width:auto;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .registerbox .btnbox a#fblogin span{display:inline-block;width:auto;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox span{display:inline-block;width:100%;font-weight:bold;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .title{border-bottom:2px dotted #333333;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .title span{font-size: 22px;padding-bottom: 5px;width:auto;margin-right:10px;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .title span.notice{color:#e70010;font-size: 16px;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .content{}
.page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .content ul{font-size:0;padding:35px 0 15px;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li{display:inline-block;width:100%;margin-bottom:20px;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .textbox{display:inline-block;width:20%;text-align:right;padding:0 15px;vertical-align:middle;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .textbox span{font-size:18px;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .textbox span.rice{width:auto;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .inputbox{display:inline-block;width:80%;vertical-align:middle;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .inputbox input{border-radius:0;vertical-align:middle;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.code .inputbox input{width:auto;display: inline-block;margin-right:10px;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .inputbox a{font-size:17px;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .inputbox div{font-size:20px;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.code .inputbox div{width:auto;display: inline-block;vertical-align:middle;cursor:pointer;border: 2px solid #333333;padding:1px 20px;margin-right:10px;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.code .inputbox a{width:auto;display: inline-block;vertical-align:bottom;color: #e70010;text-decoration: none;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.otherbox .selectbox{display:inline-block;width:80%;vertical-align:middle;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.otherbox .selectbox span{font-size:17px;font-weight:normal;width:auto;margin-right: 10px;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.otherbox .selectbox select{width:auto;display:inline-block;border-radius:0;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.otherbox .check{display:inline-block;width:80%;vertical-align:middle;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.otherbox .check label{font-size:17px;font-weight:normal;width:auto;vertical-align:middle;margin:0;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.otherbox .check label a{color:#e70010;text-decoration:none;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.otherbox .check input{display:inline-block;width:auto;vertical-align:middle;margin:0 10px 0 0;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox{text-align:center;display:inline-block;width:100%;margin-bottom: 10px;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a#summitlogin{display:inline-block;padding: 5px 40px;text-decoration: none;font-size: 18px;border: 1px solid #e70010;color: #ffffff;background: #e70010;border-radius:4px;margin-right: 30px;    width: 100%;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a#summitlogin:hover{color: #e70010;background: #ffffff;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a{display:inline-block;padding: 5px 40px;text-decoration: none;font-size: 18px;border: 1px solid #e70010;color: #ffffff;background: #e70010;border-radius:4px;margin-right: 30px;    width: 100%;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a:hover{color: #e70010;background: #ffffff;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .enterprisebox{text-align:center;display:inline-block;width:100%;padding:15px;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .enterprisebox span{width:auto;font-size: 16px;font-weight:bold;}
.page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .enterprisebox a{font-size: 16px;font-weight:bold;color:#e70010;text-decoration: underline;padding:0 5px;}

@media (max-width: 1440px) {
    .page-content.register .outside{padding:0 15px;}
}

@media (max-width: 1366px) {
    .page-content.register .outside{padding:0 15px;}
}

@media (max-width: 1280px) {
    .page-content.register .bg-color-2 .contentbox .insidebox .box{width:100%;padding:0 15px;}
    .page-content.register .bg-color-2 .contentbox .insidebox .box .registerbox .content span{padding:30px 0 50px;}
}

@media (max-width: 1024px) {
    .page-content.register .bg-color-2 .contentbox .insidebox .box{padding:0;}
    .page-content.register .bg-color-2 .contentbox .insidebox .box .registerbox .content span{padding:30px 0 50px;}
}

@media (max-width: 768px) {
    .page-content.register .sliderbox li .textbox{width:600px;top:10%;}
    .page-content.register .outside{padding:0 15px;}
    .page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .content ul{padding:15px 0 15px;}
    .page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li{margin-bottom:10px;}
    .page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.code{margin-bottom:10px;}
    .page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.otherbox .textbox{display:none;}
    .page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.otherbox .check{font-size:0;width:100%;}
    .page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.otherbox .check input{width:5%;margin: 0;vertical-align: top;}
    .page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.otherbox .check label{width:95%;vertical-align: top;}
    .page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.otherbox .selectbox{width:100%;}
    .page-content.register .bg-color-2 .contentbox .insidebox .box .registerbox .title span{font-size:20px;}
    .page-content.register .bg-color-2 .contentbox .insidebox .box .registerbox .content span{padding:15px 0 30px;font-size:18px;}
}
@media (max-width: 640px) {
    .page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li{margin-bottom:10px;}
    .page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.otherbox{margin-bottom:15px;}
    .page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .textbox{width: 100%;text-align: left;padding: 0;}
    .page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .inputbox{width:100%;}
    .page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .forget{width:100%;}
}
@media (max-width: 480px) {
    .page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a#summitlogin {margin: 0;}
    .page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.code .inputbox input{margin:0 0 10px 0;}
    .page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.code .inputbox div#checkCode{margin:0 0 5px 0;}
    .page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .enterprisebox{padding:15px 0;}
    .page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.otherbox .check input{width:10%;}
    .page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.otherbox .check label{width:90%;}
    .page-content.register .bg-color-2 .contentbox .insidebox .box .registerbox .enterprisebox{padding:15px 0;}
    .page-content.register .bg-color-2 .contentbox .insidebox .box .registerbox .content span{font-size: 16px;}
}
@media (max-width: 359px) {
    .page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a {width:100%;}
    .page-content.register .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a#summitlogin{margin-bottom:10px;}
}

/**************************
register-company
**************************/
.page-content.register-company{}
.page-content.register-company .outside{padding:35px 0 0;}
.page-content.register-company .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none;}
.page-content.register-company .bg-color-2 .contentbox{padding:10px 10px;}
.page-content.register-company .bg-color-2 .contentbox .breadcrumbsbox{background:#ffffff;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.register-company .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{}
.page-content.register-company .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.register-company .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.register-company .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.register-company .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}
.page-content.register-company .bg-color-2 .contentbox .insidebox{background:#ffffff;border:1px solid #dcdcdc;padding: 20px 15px;text-align:center;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box{display:inline-block;width:85%;text-align: left;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .register-companybox{margin-bottom:20px;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .register-companybox span{display:inline-block;width:100%;font-weight:bold;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .register-companybox .title {border-bottom:2px dotted #333333;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .register-companybox .title span{font-size: 22px;padding-bottom: 5px;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .register-companybox .content{}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .register-companybox .content span{font-size: 22px;padding:30px 100px 50px;text-align:center;color: #e70010;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .register-companybox .btnbox{text-align:center;display:inline-block;width:100%;margin-bottom: 10px;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .register-companybox .btnbox a#fblogin{display:inline-block;padding: 10px 15px;text-decoration: none;font-size: 18px;border: 1px solid #3a5898;color: #ffffff;background: #3a5898;border-radius:4px;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .register-companybox .btnbox a#fblogin:active{color: #3a5898;background: #ffffff;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .register-companybox .btnbox a#fblogin i{display:inline-block;width:auto;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .register-companybox .btnbox a#fblogin span{display:inline-block;width:auto;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox span{display:inline-block;width:100%;font-weight:bold;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .title{border-bottom:2px dotted #333333;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .title span{font-size: 22px;padding-bottom: 5px;width:auto;margin-right:10px;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .title span.notice{color:#e70010;font-size: 16px;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .content{}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .content ul{font-size:0;padding:35px 0 15px;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li{display:inline-block;width:100%;margin-bottom:20px;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .textbox{display:inline-block;width:20%;text-align:right;padding:0 15px;vertical-align:middle;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .textbox span{font-size:18px;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .textbox span.rice{width:auto;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .inputbox{display:inline-block;width:80%;vertical-align:middle;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .inputbox input{border-radius:0;vertical-align:middle;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.code .inputbox input{width:auto;display: inline-block;margin-right:10px;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .inputbox a{font-size:17px;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .inputbox div{font-size:20px;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.code .inputbox div{width:auto;display: inline-block;vertical-align:middle;cursor:pointer;border: 2px solid #333333;padding:1px 20px;margin-right:10px;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.code .inputbox a{width:auto;display: inline-block;vertical-align:bottom;color: #e70010;text-decoration: none;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.otherbox .selectbox{display:inline-block;width:80%;vertical-align:middle;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.otherbox .selectbox span{font-size:17px;font-weight:normal;width:auto;margin-right: 10px;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.otherbox .selectbox select{width:auto;display:inline-block;border-radius:0;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.otherbox .check{display:inline-block;width:80%;vertical-align:middle;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.otherbox .check label{font-size:17px;font-weight:normal;width:auto;vertical-align:middle;margin:0;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.otherbox .check label a{color:#e70010;text-decoration:none;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.otherbox .check input{display:inline-block;width:auto;vertical-align:middle;margin:0 10px 0 0;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox{text-align:center;display:inline-block;width:100%;margin-bottom: 10px;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a#summitlogin{display:inline-block;padding: 5px 40px;text-decoration: none;font-size: 18px;border: 1px solid #e70010;color: #ffffff;background: #e70010;border-radius:4px;margin-right: 30px;    width: 100%;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a#summitlogin:hover{color: #e70010;background: #ffffff;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .enterprisebox{text-align:center;display:inline-block;width:100%;padding:15px;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .enterprisebox span{width:auto;font-size: 16px;font-weight:bold;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .enterprisebox a{font-size: 16px;font-weight:bold;color:#e70010;text-decoration: underline;padding:0 5px;}

.page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata span{display:inline-block;width:100%;font-weight:bold;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .title{border-bottom:2px dotted #333333;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .title span{font-size: 22px;padding-bottom: 5px;width:auto;margin-right:10px;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .title span.notice{color:#e70010;font-size: 16px;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content{}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul{font-size:0;padding:35px 0 15px;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li{display:inline-block;width:100%;margin-bottom:20px;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li .textbox{display:inline-block;width:20%;text-align:right;padding:0 15px;vertical-align:middle;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li .textbox span{font-size:18px;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li .textbox span.rice{width:auto;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li .inputbox{display:inline-block;width:80%;vertical-align:middle;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li .inputbox#twzipcode{font-size:0;margin-bottom:10px;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li .inputbox#twzipcode .twbox{display:inline-block;width:33.3333333333%;vertical-align: middle;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li .inputbox#twzipcode .twbox .twinsidebox{padding:0 5px;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li .inputbox#twzipcode .twbox .twinsidebox.first{padding:0 5px 0 0;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li .inputbox#twzipcode .twbox .twinsidebox.last{padding:0 0 0 5px;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li .inputbox#twzipcode .twbox .twinsidebox select{border-radius:0;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li .inputbox input{border-radius:0;vertical-align:middle;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li.code .inputbox input{width:auto;display: inline-block;margin-right:10px;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li .inputbox a{font-size:17px;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li .inputbox div{font-size:20px;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li.code .inputbox div{width:auto;display: inline-block;vertical-align:middle;cursor:pointer;border: 2px solid #333333;padding:1px 20px;margin-right:10px;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li.code .inputbox a{width:auto;display: inline-block;vertical-align:bottom;color: #e70010;text-decoration: none;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li.otherbox .selectbox{display:inline-block;width:80%;vertical-align:middle;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li.otherbox .selectbox span{font-size:17px;font-weight:normal;width:auto;margin-right: 10px;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li.otherbox .selectbox select{width:auto;display:inline-block;border-radius:0;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li.otherbox .check{display:inline-block;width:80%;vertical-align:middle;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li.otherbox .check label{font-size:17px;font-weight:normal;width:auto;vertical-align:middle;margin:0;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li.otherbox .check label a{color:#e70010;text-decoration:none;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li.otherbox .check input{display:inline-block;width:auto;vertical-align:middle;margin:0 10px 0 0;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .btnbox{text-align:center;display:inline-block;width:100%;margin-bottom: 10px;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .btnbox a#summitlogin{display:inline-block;padding: 5px 40px;text-decoration: none;font-size: 18px;border: 1px solid #e70010;color: #ffffff;background: #e70010;border-radius:4px;margin-right: 30px;    width: 100%;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .btnbox a#summitlogin:hover{color: #e70010;background: #ffffff;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .enterprisebox{text-align:center;display:inline-block;width:100%;padding:15px;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .enterprisebox span{width:auto;font-size: 16px;font-weight:bold;}
.page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .enterprisebox a{font-size: 16px;font-weight:bold;color:#e70010;text-decoration: underline;padding:0 5px;}

@media (max-width: 1440px) {
    .page-content.register-company .outside{padding:0 15px;}
}

@media (max-width: 1366px) {
    .page-content.register-company .outside{padding:0 15px;}
}

@media (max-width: 1280px) {
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box{width:100%;padding:0 15px;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .register-companybox .content span{padding:30px 0 50px;}
}

@media (max-width: 1024px) {
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box{padding:0;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .register-companybox .content span{padding:30px 0 50px;}
}

@media (max-width: 768px) {
    .page-content.register-company .sliderbox li .textbox{width:600px;top:10%;}
    .page-content.register-company .outside{padding:0 15px;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .content ul{padding:15px 0 15px;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li{margin-bottom:10px;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.code{margin-bottom:10px;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.otherbox .textbox{display:none;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.otherbox .check{font-size:0;width:100%;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.otherbox .check input{width:5%;margin: 0;vertical-align: top;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.otherbox .check label{width:95%;vertical-align: top;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.otherbox .selectbox{width:100%;}

    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul{padding:15px 0 15px;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li{margin-bottom:10px;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li.code{margin-bottom:10px;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li.otherbox .textbox{display:none;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li.otherbox .check{font-size:0;width:100%;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li.otherbox .check input{width:5%;margin: 0;vertical-align: top;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li.otherbox .check label{width:95%;vertical-align: top;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li.otherbox .selectbox{width:100%;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .register-companybox .title span{font-size:20px;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .register-companybox .content span{padding:15px 0 30px;font-size:18px;}
}
@media (max-width: 640px) {
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li{margin-bottom:10px;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.otherbox{margin-bottom:15px;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .textbox{width: 100%;text-align: left;padding: 0;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .inputbox{width:100%;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .forget{width:100%;}

    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li{margin-bottom:10px;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li.otherbox{margin-bottom:15px;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li .textbox{width: 100%;text-align: left;padding: 0;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li .inputbox{width:100%;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li .forget{width:100%;}
}
@media (max-width: 480px) {
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a#summitlogin {margin: 0;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.code .inputbox input{margin:0 0 10px 0;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.code .inputbox div#checkCode{margin:0 0 5px 0;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .enterprisebox{padding:15px 0;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.otherbox .check input{width:10%;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.otherbox .check label{width:90%;}

    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .btnbox a#summitlogin {margin: 0;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li.code .inputbox input{margin:0 0 10px 0;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li.code .inputbox div#checkCode{margin:0 0 5px 0;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .enterprisebox{padding:15px 0;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li.otherbox .check input{width:10%;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .content ul li.otherbox .check label{width:90%;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .register-companybox .enterprisebox{padding:15px 0;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .register-companybox .content span{font-size: 16px;}
}
@media (max-width: 359px) {
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a {width:100%;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a#summitlogin{margin-bottom:10px;}

    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .btnbox a {width:100%;}
    .page-content.register-company .bg-color-2 .contentbox .insidebox .box .logindata .btnbox a#summitlogin{margin-bottom:10px;}
}

/**************************
registerinfacebook
**************************/
.page-content.registerinfacebook{}
.page-content.registerinfacebook .outside{padding:35px 0 0;}
.page-content.registerinfacebook .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none;}
.page-content.registerinfacebook .bg-color-2 .contentbox{padding:10px 10px;}
.page-content.registerinfacebook .bg-color-2 .contentbox .breadcrumbsbox{background:#ffffff;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.registerinfacebook .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{}
.page-content.registerinfacebook .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.registerinfacebook .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.registerinfacebook .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.registerinfacebook .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox{background:#ffffff;border:1px solid #dcdcdc;padding: 20px 15px;text-align:center;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box{display:inline-block;width:85%;text-align: left;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .noticebox{padding:10px 0;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .noticebox span{color:#e70010;font-size:16px;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox span{display:inline-block;width:100%;font-weight:bold;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .title{border-bottom:2px dotted #333333;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .title span{font-size: 22px;padding-bottom: 5px;width:auto;margin-right:10px;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .title span.notice{color:#e70010;font-size: 16px;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content{}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul{font-size:0;padding:35px 0 15px;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li{display:inline-block;width:100%;margin-bottom:20px;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li .textbox{display:inline-block;width:20%;text-align:right;padding:0 15px;vertical-align:top;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li.birthday .textbox{vertical-align:middle;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li .textbox span{font-size:18px;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li .textbox span.rice{width:auto;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li .inputbox{display:inline-block;width:80%;vertical-align:top;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li .inputbox#twzipcode{font-size:0;margin-bottom:10px;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li .inputbox input{border-radius:0;vertical-align:middle;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li.code .inputbox input{width:auto;display: inline-block;margin-right:10px;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li.code .inputbox input#inputCode{margin-bottom:0;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li .inputbox a{font-size:17px;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li .inputbox div{font-size:20px;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li .inputbox div.zipcode{width:33.333333%;display: inline-block;vertical-align:middle;padding: 0 5px;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li .inputbox div.zipcode input{border-radius:0;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li .inputbox div.zipcode select{border-radius:0;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li.code .inputbox div{width:auto;display: inline-block;vertical-align:middle;cursor:pointer;border: 2px solid #333333;padding:1px 20px;margin-right:10px;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li.code .inputbox a{width:auto;display: inline-block;vertical-align:bottom;color: #e70010;text-decoration: none;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li.otherbox .selectbox{display:inline-block;width:80%;vertical-align:middle;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li.otherbox .selectbox span{font-size:17px;font-weight:normal;width:auto;margin-right: 10px;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li.otherbox .selectbox select{width:auto;display:inline-block;border-radius:0;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li.otherbox .check{display:inline-block;width:80%;vertical-align:middle;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li.otherbox .check label{font-size:17px;font-weight:normal;width:auto;vertical-align:middle;margin:0;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li.otherbox .check label a{color:#e70010;text-decoration:none;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li.otherbox .check input{display:inline-block;width:auto;vertical-align:middle;margin:0 10px 0 0;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li.birthday{font-size:0;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li.birthday .inputbox{display: inline-block;width:30%;vertical-align:middle;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li.birthday .imgbox{display: inline-block;width:5%;vertical-align:middle;padding:0 10px;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li.birthday .imgbox img{width:100%;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li.birthday .space{display:inline-block;width:65%;vertical-align:middle;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .btnbox{text-align:center;display:inline-block;width:100%;margin-bottom: 10px;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .btnbox a{text-align:center;display:inline-block;padding: 5px 40px;text-decoration: none;font-size: 18px;border: 1px solid #e70010;background:#e70010;color:#ffffff;width: 20%;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .btnbox a:hover{background:#ffffff;color:#e70010;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .btnbox a#cancel{background:#ffffff;color:#e70010;margin-right:20px;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .btnbox a#cancel:hover{background:#e70010;color:#ffffff;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .enterprisebox{text-align:center;display:inline-block;width:100%;padding:15px;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .enterprisebox span{width:auto;font-size: 16px;font-weight:bold;}
.page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .enterprisebox a{font-size: 16px;font-weight:bold;color:#e70010;text-decoration: underline;padding:0 5px;}

@media (max-width: 1440px) {
    .page-content.registerinfacebook .outside{padding:0 15px;}
}

@media (max-width: 1366px) {
    .page-content.registerinfacebook .outside{padding:0 15px;}
}

@media (max-width: 1280px) {
    .page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box{width:100%;padding:0 15px;}
    
}

@media (max-width: 1024px) {
    .page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box{padding:0;}
    
}


@media (max-width: 768px) {
    .page-content.registerinfacebook .sliderbox li .textbox{width:600px;top:10%;}
    .page-content.registerinfacebook .outside{padding:0 15px;}

    .page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul{padding:15px 0 15px;}
    .page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li{margin-bottom:10px;}
    .page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li.code{margin-bottom:10px;}
    .page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li.otherbox .textbox{display:none;}
    .page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li.otherbox .check{font-size:0;width:100%;}
    .page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li.otherbox .check input{width:5%;margin: 0;vertical-align: top;}
    .page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li.otherbox .check label{width:95%;vertical-align: top;}
    .page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li.otherbox .selectbox{width:100%;}
    .page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .btnbox a{padding:5px 20px;width:auto;}
}
@media (max-width: 640px) {
    .page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li{margin-bottom:10px;}
    .page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li.otherbox{margin-bottom:15px;}
    .page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li .textbox{width: 100%;text-align: left;padding: 0;}
    .page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li .inputbox{width:100%;}
    .page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li .inputbox#twzipcode{margin:0;}
    .page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li .inputbox div.zipcode{width:100%;margin-bottom:10px;padding:0;}
    .page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li.birthday .inputbox{width:80%;}
    .page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li.birthday .imgbox{width:20%;padding:0;}
    .page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li .forget{width:100%;}
    .page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .btnbox a#cancel{margin:0 0 10px 0 ;}
    .page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .noticebox{padding:0 0 10px;}
}
@media (max-width: 480px) {
    
    .page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li.code .inputbox input{margin:0 0 10px 0;}
    .page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li.code .inputbox div#checkCode{margin:0 0 5px 0;}
    .page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .enterprisebox{padding:15px 0;}
    .page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li.otherbox .check input{width:10%;}
    .page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .content ul li.otherbox .check label{width:90%;}
}
@media (max-width: 359px) {
    .page-content.registerinfacebook .bg-color-2 .contentbox .insidebox .box .registerbox .btnbox a {width:100%;}
}


/**************************
verification
**************************/
.page-content.verification{}
.page-content.verification .outside{padding:35px 0 0;}
.page-content.verification .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none;}
.page-content.verification .bg-color-2 .contentbox{padding:10px 10px;}
.page-content.verification .bg-color-2 .contentbox .breadcrumbsbox{background:#ffffff;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.verification .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{}
.page-content.verification .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.verification .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.verification .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.verification .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}
.page-content.verification .bg-color-2 .contentbox .insidebox{background:#ffffff;border:1px solid #dcdcdc;padding: 20px 15px;text-align:center;}
.page-content.verification .bg-color-2 .contentbox .insidebox .box{display:inline-block;width:85%;text-align: left;}
.page-content.verification .bg-color-2 .contentbox .insidebox .box .loginbox{text-align:center;}
.page-content.verification .bg-color-2 .contentbox .insidebox .box .loginbox span{display:inline-block;width:100%;font-weight:bold;font-size: 17px;}
.page-content.verification .bg-color-2 .contentbox .insidebox .box .loginbox .title{text-align:center;margin-bottom: 10px;}
.page-content.verification .bg-color-2 .contentbox .insidebox .box .loginbox .title span{font-size: 22px;padding-bottom: 5px;width:auto;margin-right:10px;color: #e70010;}
.page-content.verification .bg-color-2 .contentbox .insidebox .box .loginbox .content{padding: 20px;}
.page-content.verification .bg-color-2 .contentbox .insidebox .box .loginbox .content span{margin-bottom:20px;}
.page-content.verification .bg-color-2 .contentbox .insidebox .box .loginbox .content span.middle{margin-bottom:0;}
.page-content.verification .bg-color-2 .contentbox .insidebox .box .loginbox .content span#email{color:#e70010;}
.page-content.verification .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox{text-align:center;display:inline-block;width:100%;margin-bottom: 10px;}
.page-content.verification .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a#summitlogin{display:inline-block;padding: 5px 40px;text-decoration: none;font-size: 18px;border: 1px solid #e70010;color: #ffffff;background: #e70010;border-radius:4px;margin-right: 30px;    width: 100%;}
.page-content.verification .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a#summitlogin:hover{color: #e70010;background: #ffffff;}

@media (max-width: 1440px) {
    .page-content.verification .outside{padding:0 15px;}
}

@media (max-width: 1366px) {
    .page-content.verification .outside{padding:0 15px;}
}

@media (max-width: 1280px) {
    .page-content.verification .bg-color-2 .contentbox .insidebox .box{width:100%;padding:0 15px;}
}

@media (max-width: 1024px) {
    .page-content.verification .bg-color-2 .contentbox .insidebox .box{padding:0;}
}


@media (max-width: 768px) {
    .page-content.verification .outside{padding:0 15px;}
}
@media (max-width: 640px) {

}
@media (max-width: 480px) {
    .page-content.verification .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a#summitlogin {margin: 0;}
    
}
@media (max-width: 359px) {
    .page-content.verification .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a {width:100%;}
    .page-content.verification .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a#summitlogin{margin-bottom:10px;}
}


/**************************
verificationresult
**************************/
.page-content.verificationresult{}
.page-content.verificationresult .outside{padding:35px 0 0;}
.page-content.verificationresult .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none;}
.page-content.verificationresult .bg-color-2 .contentbox{padding:10px 10px;}
.page-content.verificationresult .bg-color-2 .contentbox .breadcrumbsbox{background:#ffffff;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.verificationresult .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{}
.page-content.verificationresult .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.verificationresult .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.verificationresult .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.verificationresult .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}
.page-content.verificationresult .bg-color-2 .contentbox .insidebox{background:#ffffff;border:1px solid #dcdcdc;padding: 30px 15px;text-align:center;}
.page-content.verificationresult .bg-color-2 .contentbox .insidebox .box{display:inline-block;width:85%;text-align: left;}
.page-content.verificationresult .bg-color-2 .contentbox .insidebox .box .loginbox{text-align:center;}
.page-content.verificationresult .bg-color-2 .contentbox .insidebox .box .loginbox span{display:inline-block;width:100%;font-weight:bold;font-size: 17px;}
.page-content.verificationresult .bg-color-2 .contentbox .insidebox .box .loginbox .title{text-align:center;margin-bottom: 10px;}
.page-content.verificationresult .bg-color-2 .contentbox .insidebox .box .loginbox .title span{font-size: 22px;padding-bottom: 5px;width:auto;margin-right:10px;color: #e70010;}
.page-content.verificationresult .bg-color-2 .contentbox .insidebox .box .loginbox .content{padding: 20px;}
.page-content.verificationresult .bg-color-2 .contentbox .insidebox .box .loginbox .content span{margin-bottom:20px;}
.page-content.verificationresult .bg-color-2 .contentbox .insidebox .box .loginbox .content span.middle{margin-bottom:0;}
.page-content.verificationresult .bg-color-2 .contentbox .insidebox .box .loginbox .content span#email{color:#e70010;}
.page-content.verificationresult .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox{text-align:center;display:inline-block;width:100%;margin-bottom: 10px;}
.page-content.verificationresult .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a#summitlogin{display:inline-block;padding: 5px 40px;text-decoration: none;font-size: 18px;border: 1px solid #e70010;color: #ffffff;background: #e70010;border-radius:4px;margin-right: 30px;    width: 100%;}
.page-content.verificationresult .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a#summitlogin:hover{color: #e70010;background: #ffffff;}

@media (max-width: 1440px) {
    .page-content.verificationresult .outside{padding:0 15px;}
}

@media (max-width: 1366px) {
    .page-content.verificationresult .outside{padding:0 15px;}
}

@media (max-width: 1280px) {
    .page-content.verificationresult .bg-color-2 .contentbox .insidebox .box{width:100%;padding:0 15px;}
}

@media (max-width: 1024px) {
    .page-content.verificationresult .bg-color-2 .contentbox .insidebox .box{padding:0;}
}


@media (max-width: 768px) {
    .page-content.verificationresult .outside{padding:0 15px;}
}
@media (max-width: 640px) {

}
@media (max-width: 480px) {
    .page-content.verificationresult .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a#summitlogin {margin: 0;}
    
}
@media (max-width: 359px) {
    .page-content.verificationresult .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a {width:100%;}
    .page-content.verificationresult .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a#summitlogin{margin-bottom:10px;}
}

/**************************
forgetpassword
**************************/
.page-content.forgetpassword{}
.page-content.forgetpassword .outside{padding:35px 0 0;}
.page-content.forgetpassword .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none;}
.page-content.forgetpassword .bg-color-2 .contentbox{padding:10px 10px;}
.page-content.forgetpassword .bg-color-2 .contentbox .breadcrumbsbox{background:#ffffff;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.forgetpassword .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{}
.page-content.forgetpassword .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.forgetpassword .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.forgetpassword .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.forgetpassword .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}
.page-content.forgetpassword .bg-color-2 .contentbox .insidebox{background:#ffffff;border:1px solid #dcdcdc;padding: 20px 15px;text-align:center;}
.page-content.forgetpassword .bg-color-2 .contentbox .insidebox .box{display:inline-block;width:85%;text-align: left;}
.page-content.forgetpassword .bg-color-2 .contentbox .insidebox .box .loginbox span{display:inline-block;width:100%;font-weight:bold;}
.page-content.forgetpassword .bg-color-2 .contentbox .insidebox .box .loginbox .title{border-bottom:2px dotted #333333;}
.page-content.forgetpassword .bg-color-2 .contentbox .insidebox .box .loginbox .title span{font-size: 22px;padding-bottom: 5px;}
.page-content.forgetpassword .bg-color-2 .contentbox .insidebox .box .loginbox .content{}
.page-content.forgetpassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul{font-size:0;padding:15px 0 15px;}
.page-content.forgetpassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li{display:inline-block;width:100%;margin-bottom:20px;}
.page-content.forgetpassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .textbox{display:inline-block;width:20%;text-align:right;padding:0 15px;vertical-align:middle;}
.page-content.forgetpassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .textbox span{font-size:18px;}
.page-content.forgetpassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .textbox span.rice{width:auto;}
.page-content.forgetpassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .inputbox{display:inline-block;width:80%;vertical-align:middle;}
.page-content.forgetpassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .inputbox input{border-radius:0;vertical-align:middle;}
.page-content.forgetpassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.code .inputbox input{width:auto;display: inline-block;margin-right:10px;}
.page-content.forgetpassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .inputbox span.noticetext{font-size:20px;padding:0 20px;}
.page-content.forgetpassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .inputbox a{font-size:17px;}
.page-content.forgetpassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .inputbox div{font-size:20px;}
.page-content.forgetpassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.code .inputbox div{width:auto;display: inline-block;vertical-align:middle;cursor:pointer;border: 2px solid #333333;padding:1px 20px;margin-right:10px;}
.page-content.forgetpassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.code .inputbox a{width:auto;display: inline-block;vertical-align:bottom;color: #e70010;text-decoration: none;}
.page-content.forgetpassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .forget{display:inline-block;width:80%;vertical-align:middle;}
.page-content.forgetpassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .forget a{display:inline-block;width:100%;font-size: 18px;text-decoration: none;color:#333333;font-weight:bold;}
.page-content.forgetpassword .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox{text-align:center;display:inline-block;width:100%;margin-bottom: 10px;}
.page-content.forgetpassword .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a#summit{display:inline-block;padding: 5px 40px;text-decoration: none;font-size: 18px;border: 1px solid #e70010;color: #ffffff;background: #e70010;border-radius:4px;margin-right: 30px;}
.page-content.forgetpassword .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a#summit:hover{color: #e70010;background: #ffffff;}
.page-content.forgetpassword .bg-color-2 .contentbox .insidebox .box .loginbox .noticebox{padding:15px;text-align:center;display:none;}
.page-content.forgetpassword .bg-color-2 .contentbox .insidebox .box .loginbox .noticebox span{color:#e70010;font-size:16px;}

@media (max-width: 1440px) {
    .page-content.forgetpassword .outside{padding:0 15px;}
}
@media (max-width: 1366px) {
    .page-content.forgetpassword .outside{padding:0 15px;}
}
@media (max-width: 1280px) {
    .page-content.forgetpassword .bg-color-2 .contentbox .insidebox .box{width:100%;padding:0 15px;}
}

@media (max-width: 1024px) {
    .page-content.forgetpassword .bg-color-2 .contentbox .insidebox .box{padding:0;}
}


@media (max-width: 768px) {
    .page-content.forgetpassword .sliderbox li .textbox{width:600px;top:10%;}
    .page-content.forgetpassword .outside{padding:0 15px;}
    .page-content.forgetpassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul{padding:15px 0 15px;}
    .page-content.forgetpassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.code{margin-bottom:10px;}
}
@media (max-width: 640px) {
    .page-content.forgetpassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li{margin-bottom:10px;}
    .page-content.forgetpassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .textbox{width: 100%;text-align: left;padding: 0;}
    .page-content.forgetpassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .inputbox{width:100%;}
    .page-content.forgetpassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .forget{width:100%;}
    
}
@media (max-width: 480px) {
    .page-content.forgetpassword .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a#summitlogin {margin: 0;}
    .page-content.forgetpassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.code .inputbox input{margin:0 0 10px 0;}
    .page-content.forgetpassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.code .inputbox div#checkCode{margin:0 0 5px 0;}
}
@media (max-width: 359px) {
    .page-content.forgetpassword .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a {width:100%;}
    .page-content.forgetpassword .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a#summitlogin{margin-bottom:10px;}
}

/**************************
changepassword
**************************/
.page-content.changepassword{}
.page-content.changepassword .outside{padding:35px 0 0;}
.page-content.changepassword .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none;}
.page-content.changepassword .bg-color-2 .contentbox{padding:10px 10px;}
.page-content.changepassword .bg-color-2 .contentbox .breadcrumbsbox{background:#ffffff;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.changepassword .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{}
.page-content.changepassword .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.changepassword .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.changepassword .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.changepassword .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}
.page-content.changepassword .bg-color-2 .contentbox .insidebox{background:#ffffff;border:1px solid #dcdcdc;padding: 20px 15px;text-align:center;}
.page-content.changepassword .bg-color-2 .contentbox .insidebox .box{display:inline-block;width:85%;text-align: left;}
.page-content.changepassword .bg-color-2 .contentbox .insidebox .box .loginbox span{display:inline-block;width:100%;font-weight:bold;}
.page-content.changepassword .bg-color-2 .contentbox .insidebox .box .loginbox .title{border-bottom:2px dotted #333333;}
.page-content.changepassword .bg-color-2 .contentbox .insidebox .box .loginbox .title span{font-size: 22px;padding-bottom: 5px;}
.page-content.changepassword .bg-color-2 .contentbox .insidebox .box .loginbox .content{}
.page-content.changepassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul{font-size:0;padding:15px 0 15px;}
.page-content.changepassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li{display:inline-block;width:100%;margin-bottom:20px;}
.page-content.changepassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .textbox{display:inline-block;width:20%;text-align:right;padding:0 15px;vertical-align:middle;}
.page-content.changepassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .textbox span{font-size:18px;}
.page-content.changepassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .textbox span.rice{width:auto;}
.page-content.changepassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .inputbox{display:inline-block;width:80%;vertical-align:middle;}
.page-content.changepassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .inputbox input{border-radius:0;vertical-align:middle;}
.page-content.changepassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.code .inputbox input{width:auto;display: inline-block;margin-right:10px;}
.page-content.changepassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .inputbox span.noticetext{font-size:20px;padding:0 20px;}
.page-content.changepassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .inputbox a{font-size:17px;}
.page-content.changepassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .inputbox div{font-size:20px;}
.page-content.changepassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.code .inputbox div{width:auto;display: inline-block;vertical-align:middle;cursor:pointer;border: 2px solid #333333;padding:1px 20px;margin-right:10px;}
.page-content.changepassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.code .inputbox a{width:auto;display: inline-block;vertical-align:bottom;color: #e70010;text-decoration: none;}
.page-content.changepassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .forget{display:inline-block;width:80%;vertical-align:middle;}
.page-content.changepassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .forget a{display:inline-block;width:100%;font-size: 18px;text-decoration: none;color:#333333;font-weight:bold;}
.page-content.changepassword .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox{text-align:center;display:inline-block;width:100%;margin-bottom: 10px;}
.page-content.changepassword .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a#summit{display:inline-block;padding: 5px 40px;text-decoration: none;font-size: 18px;border: 1px solid #e70010;color: #ffffff;background: #e70010;border-radius:4px;margin-right: 30px;}
.page-content.changepassword .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a#summit:hover{color: #e70010;background: #ffffff;}
.page-content.changepassword .bg-color-2 .contentbox .insidebox .box .loginbox .noticebox{padding:20px 15px 15px;text-align:center;}
.page-content.changepassword .bg-color-2 .contentbox .insidebox .box .loginbox .noticebox span{color:#e70010;font-size:16px;}

@media (max-width: 1440px) {
    .page-content.changepassword .outside{padding:0 15px;}
}
@media (max-width: 1366px) {
    .page-content.changepassword .outside{padding:0 15px;}
}
@media (max-width: 1280px) {
    .page-content.changepassword .bg-color-2 .contentbox .insidebox .box{width:100%;padding:0 15px;}
}

@media (max-width: 1024px) {
    .page-content.changepassword .bg-color-2 .contentbox .insidebox .box{padding:0;}
}


@media (max-width: 768px) {
    .page-content.changepassword .sliderbox li .textbox{width:600px;top:10%;}
    .page-content.changepassword .outside{padding:0 15px;}
    .page-content.changepassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul{padding:15px 0 15px;}
    .page-content.changepassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.code{margin-bottom:10px;}
}
@media (max-width: 640px) {
    .page-content.changepassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li{margin-bottom:10px;}
    .page-content.changepassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .textbox{width: 100%;text-align: left;padding: 0;}
    .page-content.changepassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .inputbox{width:100%;}
    .page-content.changepassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li .forget{width:100%;}
    
}
@media (max-width: 480px) {
    .page-content.changepassword .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a#summitlogin {margin: 0;}
    .page-content.changepassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.code .inputbox input{margin:0 0 10px 0;}
    .page-content.changepassword .bg-color-2 .contentbox .insidebox .box .loginbox .content ul li.code .inputbox div#checkCode{margin:0 0 5px 0;}
}
@media (max-width: 359px) {
    .page-content.changepassword .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a {width:100%;}
    .page-content.changepassword .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a#summitlogin{margin-bottom:10px;}
}


/**************************
memberarea
**************************/
.page-content.memberarea{}
.page-content.memberarea .outside{padding:20px 0;}
.page-content.memberarea .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none;padding:20px 0;}

.page-content.memberarea .bg-color-2 .menulist{width:25%;padding:10px 7.5px 10px 15px;}
.page-content.memberarea .bg-color-2 .menulist .panel-group .panel {border:none;}
.page-content.memberarea .bg-color-2 .menulist .panel-group .panel .panel-heading{background:#ffffff;padding:0;}
.page-content.memberarea .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{border-top: 5px solid #e70010;border-bottom: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;text-decoration: none;display:inline-block;padding:10px 15px;width:100%;}
.page-content.memberarea .bg-color-2 .menulist .panel-group.brand .panel .panel-heading .panel-title{border-top-color:#ffb608;}
.page-content.memberarea .bg-color-2 .menulist .panel-group.about .panel .panel-heading .panel-title{border-top-color:#ff4500;}
.page-content.memberarea .bg-color-2 .menulist .panel-group.faq .panel .panel-heading .panel-title{border-top-color:#73cb42;}
.page-content.memberarea .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{display:inline-block;font-size:20px;vertical-align: middle;font-weight: bold;padding:0 5px;}
.page-content.memberarea .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title i{display:inline-block;font-size:25px;vertical-align: middle;}
.page-content.memberarea .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0 10px 20px 10px;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.page-content.memberarea .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body{border-top:none;padding:0;}
.page-content.memberarea .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav{}
.page-content.memberarea .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li{border-bottom:1px solid #dcdcdc;}
.page-content.memberarea .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{font-size:16px;color:#333333;padding: 10px 30px 10px 30px;}
.page-content.memberarea .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:hover{color:#ffffff;background:#e70012;}
.page-content.memberarea .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a.active{color:#ffffff;background:#e70012;}
.page-content.memberarea .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:focus{color:#ffffff;background:#e70012;}
.page-content.memberarea .bg-color-2 .contentbox{width:75%;text-align:center;padding:10px 15px 10px 7.5px;}
.page-content.memberarea .bg-color-2 .contentbox .breadcrumbsbox{background:#ffffff;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.memberarea .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{text-align: left;}
.page-content.memberarea .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.memberarea .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.memberarea .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.memberarea .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}

.page-content.memberarea .bg-color-2 .contentbox .memberareabox{background: #ffffff;padding: 10px 20px 40px;border: 1px solid #dcdcdc;}
.page-content.memberarea .bg-color-2 .contentbox .memberareabox .titlebox{display:inline-block;width:100%;border-bottom:1px dashed #333333;font-size:0;}
.page-content.memberarea .bg-color-2 .contentbox .memberareabox .titlebox .imgbox{display:inline-block;vertical-align:bottom;width:5%;}
.page-content.memberarea .bg-color-2 .contentbox .memberareabox .titlebox .imgbox img{width:100%;}
.page-content.memberarea .bg-color-2 .contentbox .memberareabox .titlebox .title{display:inline-block;vertical-align:bottom;width:95%;padding-bottom:0;    text-align: left;}
.page-content.memberarea .bg-color-2 .contentbox .memberareabox .titlebox .title span{font-size:25px;font-weight:bold;font-family: Microsoft JhengHei;color:#333333;}
.page-content.memberarea .bg-color-2 .contentbox .memberareabox .titlebox  a{font-size: 18px;font-weight: bold;font-family: Microsoft JhengHei;color: #333333;display: inline-block;padding: 0 10px;}
.page-content.memberarea .bg-color-2 .contentbox .memberareabox .content{}
.page-content.memberarea .bg-color-2 .contentbox .memberareabox .content span{font-weight: bold;font-size:16px;color:#e70010;display:inline-block;width:100%;padding:15px;}
.page-content.memberarea .bg-color-2 .contentbox .memberareabox .content .list{display:inline-block;width:100%;}
.page-content.memberarea .bg-color-2 .contentbox .memberareabox .content .list ul{display:inline-block;width:100%;font-size:0;text-align: left;}
.page-content.memberarea .bg-color-2 .contentbox .memberareabox .content .list ul li{display:inline-block;width: 20%;}
.page-content.memberarea .bg-color-2 .contentbox .memberareabox .content .list ul li a{display:inline-block;}
.page-content.memberarea .bg-color-2 .contentbox .memberareabox .content .list ul li a img{width:100%;}
@media (max-width: 1680px) {
    .page-content.memberarea .bg-color-2 .contentbox .memberareabox .content .list ul li a{width:100%;}
    .page-content.memberarea .bg-color-2 .contentbox .memberareabox .content .list ul li a img{width:100%;}
}

@media (max-width: 1440px) {
    
}

@media (max-width: 1366px) {
    .page-content.memberarea .outside{padding: 20px 15px;}
    .page-content.memberarea .bg-color-2{padding:0 0 20px;}
    .page-content.memberarea .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 25px;}
}

@media (max-width: 1024px) {
    .page-content.memberarea .bg-color-2 .menulist{padding:0 7.5px;}
    .page-content.memberarea .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{padding:10px;}
    .page-content.memberarea .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{padding:0;}
    .page-content.memberarea .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px;}
    .page-content.memberarea .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a{padding: 10px 10px 10px 10px;border-left:none;}
    .page-content.memberarea .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0;}
    .page-content.memberarea .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0;}
    .page-content.memberarea .bg-color-2 .contentbox{padding:0 7.5px;}
}

@media (max-width: 768px) {
    .page-content.memberarea .bg-color-2 .menulist {display: none;}
    .page-content.memberarea .bg-color-2 .contentbox{width:100%;}
    .page-content.memberarea .bg-color-2 .contentbox .memberareabox .titlebox .title{padding:0;}
}

@media (max-width: 640px) {
    .page-content.memberarea .bg-color-2 .contentbox .memberareabox .content .list ul{text-align:left;}
    .page-content.memberarea .bg-color-2 .contentbox .memberareabox .content .list ul li{width:33.33333333%;}
    .page-content.memberarea .bg-color-2 .contentbox .memberareabox .titlebox .imgbox{width:10%;vertical-align:middle;}
    .page-content.memberarea .bg-color-2 .contentbox .memberareabox .titlebox .title{width:90%;vertical-align:middle;}
}

@media (max-width: 480px) {
    .page-content.memberarea .bg-color-2 .contentbox .memberareabox .content .list ul li{width:50%;}
}

/**************************
basicinformation
**************************/
.page-content.basicinformation{}
.page-content.basicinformation .outside{padding: 20px 0;}
.page-content.basicinformation .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none;padding:20px 0;}

.page-content.basicinformation .bg-color-2 .menulist{width:20%;padding:10px 7.5px 10px 15px;}
.page-content.basicinformation .bg-color-2 .menulist .panel-group .panel {border:none;}
.page-content.basicinformation .bg-color-2 .menulist .panel-group .panel .panel-heading{background:#ffffff;padding:0;}
.page-content.basicinformation .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{border-top: 5px solid #e70010;border-bottom: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;text-decoration: none;display:inline-block;padding:10px 15px;width:100%;}
.page-content.basicinformation .bg-color-2 .menulist .panel-group.brand .panel .panel-heading .panel-title{border-top-color:#ffb608;}
.page-content.basicinformation .bg-color-2 .menulist .panel-group.about .panel .panel-heading .panel-title{border-top-color:#ff4500;}
.page-content.basicinformation .bg-color-2 .menulist .panel-group.faq .panel .panel-heading .panel-title{border-top-color:#73cb42;}
.page-content.basicinformation .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{display:inline-block;font-size:20px;vertical-align: middle;font-weight: bold;padding:0 5px;}
.page-content.basicinformation .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title i{display:inline-block;font-size:25px;vertical-align: middle;}
.page-content.basicinformation .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0 10px 20px 10px;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.page-content.basicinformation .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body{border-top:none;padding:0;}
.page-content.basicinformation .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav{}
.page-content.basicinformation .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li{border-bottom:1px solid #dcdcdc;}
.page-content.basicinformation .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{font-size:16px;color:#333333;padding: 10px 30px 10px 30px;font-weight: bold;}
.page-content.basicinformation .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:hover{color:#ffffff;background:#e70010;}
.page-content.basicinformation .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a.active{color:#ffffff;background:#e70010;}
.page-content.basicinformation .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:focus{color:#ffffff;background:#e70010;}
.page-content.basicinformation .bg-color-2 .contentbox{width:80%;text-align:center;padding:10px 15px 10px  7.5px;}
.page-content.basicinformation .bg-color-2 .contentbox .breadcrumbsbox{background:#ffffff;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.basicinformation .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{text-align: left;}
.page-content.basicinformation .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.basicinformation .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.basicinformation .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.basicinformation .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}

.page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox{background: #ffffff;padding: 10px 20px;border: 1px solid #dcdcdc;}
.page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .titlebox{display:inline-block;width:100%;border-bottom:1px dashed #333333;font-size:0;}
.page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .titlebox .imgbox{display:inline-block;vertical-align:bottom;width:5%;}
.page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .titlebox .imgbox img{width:100%;}
.page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .titlebox .title{display:inline-block;vertical-align:bottom;width:100%;padding-bottom:10px;    text-align: left;}
.page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .titlebox .title span{font-size:25px;font-weight:bold;font-family: Microsoft JhengHei;color:#333333;padding:0 10px 0 0;}
.page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .titlebox .title span.red{color: #e70010;font-size: 16px;padding:0;}
.page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content{}
.page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content ul{display:inline-block;width:100%;font-size:0;}
.page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content ul li{display:inline-block;width: 100%;padding:10px 0;}
.page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content ul li .title{display:inline-block;width:20%;text-align:right;padding:0 15px;vertical-align: middle;}
.page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content ul li .title span{font-size:18px;font-family: Microsoft JhengHei;font-weight:bold;}

.page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content ul li .inputbox{display:inline-block;width:80%;text-align:left;padding:0 15px;vertical-align: middle;}
.page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content ul li .inputbox#twzipcode{margin-bottom: 10px;}
.page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content ul li .inputbox a#replayend {font-size:14px;display:inline-block;padding:0 5px;color: #ffffff;background:#e70010; border-radius:2px;margin:0 0 0 5px;}
.page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content ul li .inputbox span{font-size:18px;font-family: Microsoft JhengHei;font-weight:bold;}
.page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content ul li .inputbox .zipcode{display:inline-block;width:33.33333333333%;vertical-align: middle;padding: 0 5px;}
.page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content ul li .inputbox input{border-radius:0;margin:0;}
.page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content ul li .inputbox select{border-radius:0;}
.page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content ul li.birthday .inputbox{width:20%;}
.page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content ul li.birthday .imgbox{display: inline-block;width: 5%;vertical-align: middle;padding: 0 10px;}
.page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content ul li.birthday .imgbox img{width:100%;}
.page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content ul li.birthday .space{display: inline-block;width: 55%;vertical-align: middle;}
.page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content ul li.otherbox{font-size:0;display:inline-block;width:100%;padding-bottom: 15px;}
.page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content ul li.otherbox .selectbox{display:inline-block;width:20%;vertical-align: middle;padding: 0 15px;}
.page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content ul li.otherbox .selectbox span{font-size:16px;}
.page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content ul li.otherbox .selectbox select{border-radius:0;font-size: 16px;}
.page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content ul li.otherbox  .space{display: inline-block;width: 60%;vertical-align: middle;}

.page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .btnbox{text-align:center;display:inline-block;width:100%;margin-bottom: 10px;padding: 10px 0;}
.page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .btnbox a{text-align:center;display:inline-block;padding: 5px 40px;text-decoration: none;font-size: 18px;border: 1px solid #e70010;background:#e70010;color:#ffffff;width: 20%;}
.page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .btnbox a:hover{background:#ffffff;color:#e70010;}
.page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .btnbox a#cancel{background:#ffffff;color:#e70010;margin-right:20px;}
.page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .btnbox a#cancel:hover{background:#e70010;color:#ffffff;}
@media (max-width: 1680px) {
    .page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content .list ul li a{width:100%;}
    .page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content .list ul li a img{width:100%;}
}

@media (max-width: 1440px) {
    .page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content ul li .title{padding:0 10px;}
}

@media (max-width: 1366px) {
    .page-content.basicinformation .outside{padding: 20px 15px;}
    .page-content.basicinformation .bg-color-2{padding:0 0 20px;}
    .page-content.basicinformation .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 25px;}
    .page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content ul li .title{padding:0;}
}

@media (max-width: 1024px) {
    .page-content.basicinformation .bg-color-2 .menulist{padding:0 7.5px;}
    .page-content.basicinformation .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{padding:10px;}
    .page-content.basicinformation .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{padding:0;}
    .page-content.basicinformation .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px;}
    .page-content.basicinformation .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a{padding: 10px 10px 10px 10px;border-left:none;}
    .page-content.basicinformation .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0;}
    .page-content.basicinformation .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0;}
    .page-content.basicinformation .bg-color-2 .contentbox{padding:0 7.5px;}
    .page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content ul li .title{width:30%;}
    .page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content ul li .inputbox{width:70%;}
    .page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content ul li.birthday .inputbox{width:40%;}
    .page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content ul li.birthday .imgbox{width:10%;}
    .page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content ul li.birthday .space{width:20%;}
    .page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content ul li.otherbox  .space{width:50%;}
    .page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .btnbox a{padding:5px 20px;}
    .page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox{padding:10px 10px;}
}

@media (max-width: 768px) {
    .page-content.basicinformation .bg-color-2 .menulist {display: none;}
    .page-content.basicinformation .bg-color-2 .contentbox{width:100%;}
    .page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .titlebox .title{padding:0;}
}

@media (max-width: 640px) {
    .page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content .list ul{text-align:left;}
    .page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content .list ul li{width:33.33333333%;}
    .page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .titlebox .imgbox{width:10%;vertical-align:middle;}
    .page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .titlebox .title{width:90%;vertical-align:middle;}

    .page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content ul li .title{width:100%;text-align: left;padding:0;margin-bottom:5px;}
    .page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content ul li .inputbox span{font-size:16px;}
    .page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content ul li .inputbox{width:100%;padding: 0;}
    .page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content ul li.birthday .inputbox{width:90%;}
    .page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content ul li.birthday .imgbox{width:10%;}
    .page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content ul li.birthday .space{display:none;}
    .page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content ul li.otherbox{text-align:left;}
    .page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content ul li.otherbox .title{width:100%;}
    .page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content ul li.otherbox .selectbox{width:100%;padding:0;}
    .page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content ul li.otherbox  .space{display:none;}
    .page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .btnbox a{width:100%;margin-bottom:10px;}
}

@media (max-width: 480px) {
    .page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .content .list ul li{width:50%;}
    .page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .titlebox .title span{font-size:18px;}
    .page-content.basicinformation .bg-color-2 .contentbox .basicinformationbox .titlebox{text-align:left;}
}

/**************************
orders
**************************/
.page-content.orders{}
.page-content.orders .outside{padding: 20px 0;}
.page-content.orders .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none;padding:20px 0;}

.page-content.orders .bg-color-2 .menulist{width:25%;padding:10px 7.5px 10px 15px;}
.page-content.orders .bg-color-2 .menulist .panel-group .panel {border:none;}
.page-content.orders .bg-color-2 .menulist .panel-group .panel .panel-heading{background:#ffffff;padding:0;}
.page-content.orders .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{border-top: 5px solid #e70010;border-bottom: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;text-decoration: none;display:inline-block;padding:10px 15px;width:100%;}
.page-content.orders .bg-color-2 .menulist .panel-group.brand .panel .panel-heading .panel-title{border-top-color:#ffb608;}
.page-content.orders .bg-color-2 .menulist .panel-group.about .panel .panel-heading .panel-title{border-top-color:#ff4500;}
.page-content.orders .bg-color-2 .menulist .panel-group.faq .panel .panel-heading .panel-title{border-top-color:#73cb42;}
.page-content.orders .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{display:inline-block;font-size:20px;vertical-align: middle;font-weight: bold;padding:0 5px;}
.page-content.orders .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title i{display:inline-block;font-size:25px;vertical-align: middle;}
.page-content.orders .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0 10px 20px 10px;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.page-content.orders .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body{border-top:none;padding:0;}
.page-content.orders .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav{}
.page-content.orders .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li{border-bottom:1px solid #dcdcdc;}
.page-content.orders .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{font-size:16px;color:#333333;padding: 10px 30px 10px 30px;}
.page-content.orders .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:hover{background:#e70010;color:#ffffff;}
.page-content.orders .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a.active{background:#e70010;color:#ffffff;}
.page-content.orders .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:focus{background:#e70010;color:#ffffff;}
.page-content.orders .bg-color-2 .contentbox{width:75%;text-align:center;padding:10px 15px 10px 7.5px;}
.page-content.orders .bg-color-2 .contentbox .breadcrumbsbox{background:#ffffff;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.orders .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{text-align: left;}
.page-content.orders .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.orders .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.orders .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.orders .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}

.page-content.orders .bg-color-2 .contentbox .ordersbox{background: #ffffff;padding: 10px 20px;border: 1px solid #dcdcdc;}
.page-content.orders .bg-color-2 .contentbox .ordersbox .titlebox{display:inline-block;width:100%;border-bottom:1px dashed #333333;font-size:0;}
.page-content.orders .bg-color-2 .contentbox .ordersbox .titlebox .imgbox{display:inline-block;vertical-align:bottom;width:5%;}
.page-content.orders .bg-color-2 .contentbox .ordersbox .titlebox .imgbox img{width:100%;}
.page-content.orders .bg-color-2 .contentbox .ordersbox .titlebox .title{display:inline-block;vertical-align:bottom;width:100%;padding-bottom:10px;text-align: left;}
.page-content.orders .bg-color-2 .contentbox .ordersbox .titlebox .title span{font-size:25px;font-weight:bold;font-family: Microsoft JhengHei;color:#333333;padding:0 10px 0 0;}
.page-content.orders .bg-color-2 .contentbox .ordersbox .titlebox .title span.red{color: #e70010;font-size: 16px;padding:0;}
.page-content.orders .bg-color-2 .contentbox .ordersbox .content{padding: 10px 0;}
.page-content.orders .bg-color-2 .contentbox .ordersbox .content .searchrange{font-size:0;padding: 10px 0;}
.page-content.orders .bg-color-2 .contentbox .ordersbox .content .searchrange .textbox{display:inline-block;width:85%;text-align:right;}
.page-content.orders .bg-color-2 .contentbox .ordersbox .content .searchrange .textbox span{font-size:20px;font-weight:bold;}
.page-content.orders .bg-color-2 .contentbox .ordersbox .content .searchrange .selectbox{display:inline-block;width:15%;padding:0 0 0 15px;}
.page-content.orders .bg-color-2 .contentbox .ordersbox .content .searchrange .selectbox select{border-radius:0;}
.page-content.orders .bg-color-2 .contentbox .ordersbox .content .tablebox{text-align:center;}
.page-content.orders .bg-color-2 .contentbox .ordersbox .content .tablebox .table{border:1px solid #dcdcdc;}
.page-content.orders .bg-color-2 .contentbox .ordersbox .content .tablebox .table>thead>tr>th{text-align:center;font-size: 18px;background:#ff4500;color: #ffffff;font-family:Microsoft JhengHei;}
.page-content.orders .bg-color-2 .contentbox .ordersbox .content .tablebox .table>tbody>tr>td{font-size: 15px;font-family:Microsoft JhengHei;font-weight: bold;}
.page-content.orders .bg-color-2 .contentbox .ordersbox .content .tablebox .table>tbody>tr>td a{color:#ef0018;text-decoration: underline;font-weight: bold;}
.page-content.orders .bg-color-2 .contentbox .ordersbox .content .arrowbox{display:inline-block;width:100%;padding:10px 0;}
.page-content.orders .bg-color-2 .contentbox .ordersbox .content .arrowbox .pagination{margin:10px 0;padding:0 15px;width: 100%;}
.page-content.orders .bg-color-2 .contentbox .ordersbox .content .arrowbox .pagination li{padding:0;}
.page-content.orders .bg-color-2 .contentbox .ordersbox .content .arrowbox .pagination li a{color:#333333;font-size: 16px;}
.page-content.orders .bg-color-2 .contentbox .ordersbox .content .arrowbox .pagination li i{font-size:20px;}
.page-content.orders .bg-color-2 .contentbox .ordersbox .content .arrowbox .pagination>li>a:focus,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li>a:hover,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li>span:focus,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li>span:hover{background-color:#ef0018;color:#ffffff}
.page-content.orders .bg-color-2 .contentbox .ordersbox .content .arrowbox .pagination>li.disabled>a:focus,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li.disabled>a:hover,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li.disabled>span:focus,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li.disabled>span:hover{background-color:#ffffff;color:#333333}
.page-content.orders .bg-color-2 .contentbox .ordersbox .content .arrowbox .pagination>.active>a,.page-content.productlist .bg-color-2 .contentbox .productbox .arrowbox .pagination>.active>a:focus,.page-content.productlist .bg-color-2 .contentbox .productbox .arrowbox .pagination>.active>a:hover, .page-content.productlist .bg-color-2 .contentbox .productbox .arrowbox .pagination>.active>span,.page-content.productlist .bg-color-2 .contentbox .productbox .arrowbox .pagination>.active>span:focus,.page-content.productlist .bg-color-2 .contentbox .productbox .arrowbox .pagination>.active>span:hover{border-color:#ef0018;background-color:#ef0018;color:#ffffff;}
.page-content.orders .bg-color-2 .contentbox .ordersbox .content .noticebox{border:1px solid #e70010;text-align:left;padding:15px 10px;}
.page-content.orders .bg-color-2 .contentbox .ordersbox .content .noticebox span{font-size:16px;display:inline-block;width:100%;font-weight:bold;margin-bottom:10px;font-family:Microsoft JhengHei;}
.page-content.orders .bg-color-2 .contentbox .ordersbox .content .noticebox ul{display:inline-block;width:100%;}
.page-content.orders .bg-color-2 .contentbox .ordersbox .content .noticebox ul li{font-size:16px;font-weight:bold;font-family:Microsoft JhengHei;margin-bottom:5px;}
.page-content.orders .bg-color-2 .contentbox .ordersbox .content .noticebox ul li a{color:#ef0018;text-decoration: underline;}
.page-content.orders .bg-color-2 .contentbox .ordersbox .btnbox{text-align:center;display:inline-block;width:100%;margin-bottom: 10px;padding: 10px 0;}
.page-content.orders .bg-color-2 .contentbox .ordersbox .btnbox a{text-align:center;display:inline-block;padding: 5px 40px;text-decoration: none;font-size: 18px;border: 1px solid #e70010;background:#e70010;color:#ffffff;width: 20%;}
.page-content.orders .bg-color-2 .contentbox .ordersbox .btnbox a:hover{background:#ffffff;color:#e70010;}
.page-content.orders .bg-color-2 .contentbox .ordersbox .btnbox a#cancel{background:#ffffff;color:#e70010;margin-right:20px;}
.page-content.orders .bg-color-2 .contentbox .ordersbox .btnbox a#cancel:hover{background:#e70010;color:#ffffff;}
@media (max-width: 1680px) {

}

@media (max-width: 1440px) {
    
}

@media (max-width: 1366px) {
    .page-content.orders .outside{padding: 20px 15px;}
    .page-content.orders .bg-color-2{padding:0 0 20px;}
    .page-content.orders .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 25px;}
}

@media (max-width: 1024px) {
    .page-content.orders .bg-color-2 .menulist{padding:0 7.5px;}
    .page-content.orders .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{padding:10px;}
    .page-content.orders .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{padding:0;}
    .page-content.orders .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px;}
    .page-content.orders .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a{padding: 10px 10px 10px 10px;border-left:none;}
    .page-content.orders .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0;}
    .page-content.orders .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0;}
    .page-content.orders .bg-color-2 .contentbox{padding:0 7.5px;}
    .page-content.orders .bg-color-2 .contentbox .ordersbox .btnbox a{padding:5px 20px;}
    .page-content.orders .bg-color-2 .contentbox .ordersbox{padding:10px 10px;}
}

@media (max-width: 768px) {
    .page-content.orders .bg-color-2 .menulist {display: none;}
    .page-content.orders .bg-color-2 .contentbox{width:100%;}
    .page-content.orders .bg-color-2 .contentbox .ordersbox .titlebox .title{padding:0;}
}

@media (max-width: 640px) {
    .page-content.orders .bg-color-2 .contentbox .ordersbox .titlebox .imgbox{width:10%;vertical-align:middle;}
    .page-content.orders .bg-color-2 .contentbox .ordersbox .titlebox .title{width:90%;vertical-align:middle;}
    .page-content.orders .bg-color-2 .contentbox .ordersbox .btnbox a{width:100%;margin-bottom:10px;}
    .page-content.orders .bg-color-2 .contentbox .ordersbox .content .tablebox .table>thead>tr>th{font-size:18px;}
    .page-content.orders .bg-color-2 .contentbox .ordersbox .content .tablebox .table>tbody>tr>td{font-size:16px;}
}

@media (max-width: 480px) {
    .page-content.orders .bg-color-2 .contentbox .ordersbox .titlebox .title span{font-size:18px;}
    .page-content.orders .bg-color-2 .contentbox .ordersbox .titlebox{text-align:left;}
}

/**************************
ordersdetail
**************************/
.page-content.ordersdetail{}
.page-content.ordersdetail .outside{padding: 20px 0;}
.page-content.ordersdetail .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none;padding:20px 0;}

.page-content.ordersdetail .bg-color-2 .menulist{width:25%;padding: 10px 7.5px 10px 15px;}
.page-content.ordersdetail .bg-color-2 .menulist .panel-group .panel {border:none;}
.page-content.ordersdetail .bg-color-2 .menulist .panel-group .panel .panel-heading{background:#ffffff;padding:0;}
.page-content.ordersdetail .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{border-top: 5px solid #e70010;border-bottom: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;text-decoration: none;display:inline-block;padding:10px 15px;width:100%;}
.page-content.ordersdetail .bg-color-2 .menulist .panel-group.brand .panel .panel-heading .panel-title{border-top-color:#ffb608;}
.page-content.ordersdetail .bg-color-2 .menulist .panel-group.about .panel .panel-heading .panel-title{border-top-color:#ff4500;}
.page-content.ordersdetail .bg-color-2 .menulist .panel-group.faq .panel .panel-heading .panel-title{border-top-color:#73cb42;}
.page-content.ordersdetail .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{display:inline-block;font-size:20px;vertical-align: middle;font-weight: bold;padding:0 5px;}
.page-content.ordersdetail .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title i{display:inline-block;font-size:25px;vertical-align: middle;}
.page-content.ordersdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0 10px 20px 10px;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.page-content.ordersdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body{border-top:none;padding:0;}
.page-content.ordersdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav{}
.page-content.ordersdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li{border-bottom:1px solid #dcdcdc;}
.page-content.ordersdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{font-size:16px;color:#333333;padding: 10px 30px 10px 30px;font-weight: bold;}
.page-content.ordersdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a.active{color:#e70010;}
.page-content.ordersdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:hover{background:#e70010;color:#ffffff;}
.page-content.ordersdetail .bg-color-2 .contentbox{width:75%;text-align:center;padding: 10px 15px 10px 7.5px;}
.page-content.ordersdetail .bg-color-2 .contentbox .breadcrumbsbox{background:#ffffff;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.ordersdetail .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{text-align: left;}
.page-content.ordersdetail .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.ordersdetail .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.ordersdetail .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.ordersdetail .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}

.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox{background: #ffffff;padding: 10px 20px;border: 1px solid #dcdcdc;}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .titlebox{display:inline-block;width:100%;border-bottom:1px dashed #333333;font-size:0;}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .titlebox .imgbox{display:inline-block;vertical-align:bottom;width:5%;}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .titlebox .imgbox img{width:100%;}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .titlebox .title{display:inline-block;vertical-align:bottom;width:100%;padding-bottom:10px;text-align: left;}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .titlebox .title span{font-size:25px;font-weight:bold;font-family: Microsoft JhengHei;color:#333333;padding:0 10px 0 0;}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .titlebox .title span.red{color: #e70010;font-size: 16px;padding:0;}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content{padding: 10px 0;}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content ul.detailtext{display:inline-block;width:100%;font-size:0;}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content ul.detailtext li{display:inline-block;width:50%;text-align:left;margin-bottom:10px;}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content ul.detailtext li span{font-size:18px;}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content ul.distributiontext{display:inline-block;width:100%;font-size:0;}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content ul.distributiontext li{display:inline-block;width:50%;text-align:left;vertical-align: top;}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content ul.distributiontext li span.distributiontitletext{font-size:20px;display:inline-block;width:100%;margin-bottom: 10px;}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content ul.distributiontext li span.paymentinfotext.title{font-weight:bold;}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content ul.distributiontext li span.paymentinfotext{font-size:20px;display:inline-block;width:50%;margin-bottom: 10px;}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content ul.distributiontext li ul.subdistributiontext{}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content ul.distributiontext li ul.subdistributiontext li{display:inline-block;width:100%;margin-bottom:10px;}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content ul.distributiontext li ul.subdistributiontext li span{font-size:16px;}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content .table>thead>tr>th{font-size:20px;border-bottom:1px dashed #000000;}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content .table>tbody>tr>td{border-top:none;border-bottom:1px dashed #000000;font-size:18px;text-align: left;    min-width: 100px;}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content .bottombox {font-size:0;display: inline-block;width: 100%;}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content .bottombox .noticebox{border:1px dashed #000000;text-align:left;padding:15px 10px;display:inline-block;width:65%;vertical-align:top;}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content .bottombox .noticebox span{font-size:16px;display:inline-block;width:100%;font-weight:bold;margin-bottom:10px;font-family:Microsoft JhengHei;}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content .bottombox .noticebox ul{display:inline-block;width:100%;}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content .bottombox .noticebox ul li{font-size:16px;font-weight:bold;font-family:Microsoft JhengHei;margin-bottom:5px;}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content .bottombox .noticebox ul li a{color:#ef0018;}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content .bottombox .orderlist{display:inline-block;width:35%;vertical-align:top;padding:0 10px;}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content .bottombox .orderlist ul{display:inline-block;width:100%;}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content .bottombox .orderlist ul li{display:inline-block;width:100%;border-bottom:1px solid #dcdcdc;padding:10px 0;}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content .bottombox .orderlist ul li:first-child{padding-top:0;}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content .bottombox .orderlist ul li.sp{padding-top:75px;}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content .bottombox .orderlist ul li.none{display:none;}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content .bottombox .orderlist ul li span{display:inline-block;width:50%;font-size:18px;vertical-align: middle;}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content .bottombox .orderlist ul li span.left{text-align:left;font-weight:bold;}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content .bottombox .orderlist ul li span.right{text-align:right;}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content .bottombox .orderlist ul li span.red{color:#e70010;}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .btnbox{text-align:right;display:inline-block;width:100%;margin-top: 50px;margin-bottom: 10px;padding: 10px 0;}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .btnbox a{text-align:center;display:inline-block;padding: 5px 40px;text-decoration: none;font-size: 18px;border: 1px solid #e70010;background:#e70010;color:#ffffff}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .btnbox a:hover{background:#ffffff;color:#e70010;}
@media (max-width: 1680px) {

}

@media (max-width: 1440px) {
    
}

@media (max-width: 1366px) {
    .page-content.ordersdetail .outside{padding: 20px 15px;}
    .page-content.ordersdetail .bg-color-2{padding:0 0 20px;}
    .page-content.ordersdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 25px;}
        .page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content .bottombox .noticebox {width:55%;}
.page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content .bottombox .orderlist{width:45%;}
}

@media (max-width: 1024px) {
    .page-content.ordersdetail .bg-color-2 .menulist{padding:0 7.5px;}
    .page-content.ordersdetail .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{padding:10px;}
    .page-content.ordersdetail .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{padding:0;}
    .page-content.ordersdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px;}
    .page-content.ordersdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a{padding: 10px 10px 10px 10px;border-left:none;}
    .page-content.ordersdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0;}
    .page-content.ordersdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0;}
    .page-content.ordersdetail .bg-color-2 .contentbox{padding:0 7.5px;}
    .page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .btnbox a{padding:5px 20px;}
    .page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox{padding:10px 10px;}
}

@media (max-width: 768px) {
    .page-content.ordersdetail .bg-color-2 .menulist {display: none;}
    .page-content.ordersdetail .bg-color-2 .contentbox{width:100%;}
    .page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .titlebox .title{padding:0;}
}

@media (max-width: 640px) {
    .page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .titlebox .imgbox{width:10%;vertical-align:middle;}
    .page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .titlebox .title{width:90%;vertical-align:middle;}
    .page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .btnbox a{width:100%;margin-bottom:10px;}
    .page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content .tablebox .table>thead>tr>th{font-size:18px;}
    .page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content .tablebox .table>tbody>tr>td{font-size:16px;}
    .page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content ul.detailtext li{width:100%;}
    .page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content ul.distributiontext li{width:100%;margin-bottom: 10px;border-bottom:1px solid #dcdcdc;}
    .page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content ul.distributiontext li:last-child{border:none;}
    .page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content ul.distributiontext li span.distributiontitletext{font-size:16px;font-weight: bold;}
    .page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content ul.distributiontext li ul.subdistributiontext li{border:none;}
}

@media (max-width: 480px) {
    .page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .titlebox .title span{font-size:18px;}
    .page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .titlebox{text-align:left;}
    .page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content .bottombox .noticebox{width:100%;margin-bottom:10px;}
    .page-content.ordersdetail .bg-color-2 .contentbox .ordersdetailbox .content .bottombox .orderlist{width:100%;padding:0;}
}

/**************************
bonus
**************************/
.page-content.bonus{}
.page-content.bonus .outside{padding: 20px 0;}
.page-content.bonus .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none;padding:20px 0;}
.page-content.bonus .bg-color-2 .menulist{width:25%;padding:10px 7.5px 10px 15px;}
.page-content.bonus .bg-color-2 .menulist .panel-group .panel {border:none;}
.page-content.bonus .bg-color-2 .menulist .panel-group .panel .panel-heading{background:#ffffff;padding:0;}
.page-content.bonus .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{border-top: 5px solid #e70010;border-bottom: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;text-decoration: none;display:inline-block;padding:10px 15px;width:100%;}
.page-content.bonus .bg-color-2 .menulist .panel-group.brand .panel .panel-heading .panel-title{border-top-color:#ffb608;}
.page-content.bonus .bg-color-2 .menulist .panel-group.about .panel .panel-heading .panel-title{border-top-color:#ff4500;}
.page-content.bonus .bg-color-2 .menulist .panel-group.faq .panel .panel-heading .panel-title{border-top-color:#73cb42;}
.page-content.bonus .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{display:inline-block;font-size:20px;vertical-align: middle;font-weight: bold;padding:0 5px;}
.page-content.bonus .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title i{display:inline-block;font-size:25px;vertical-align: middle;}
.page-content.bonus .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0 10px 20px 10px;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.page-content.bonus .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body{border-top:none;padding:0;}
.page-content.bonus .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav{}
.page-content.bonus .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li{border-bottom:1px solid #dcdcdc;}
.page-content.bonus .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{font-size:16px;color:#333333;padding: 10px 30px 10px 30px;}
.page-content.bonus .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:hover{background:#e70010;color:#ffffff;}
.page-content.bonus .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a.active{background:#e70010;color:#ffffff;}
.page-content.bonus .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:focus{background:#e70010;color:#ffffff;}
.page-content.bonus .bg-color-2 .contentbox{width:75%;text-align:center;padding:10px 15px 10px 7.5px;}
.page-content.bonus .bg-color-2 .contentbox .breadcrumbsbox{background:#ffffff;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.bonus .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{text-align: left;}
.page-content.bonus .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.bonus .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.bonus .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.bonus .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}
.page-content.bonus .bg-color-2 .contentbox .bonusbox{background: #ffffff;padding: 10px 20px;border: 1px solid #dcdcdc;}
.page-content.bonus .bg-color-2 .contentbox .bonusbox .titlebox{display:inline-block;width:100%;border-bottom:1px dashed #333333;font-size:0;}
.page-content.bonus .bg-color-2 .contentbox .bonusbox .titlebox .imgbox{display:inline-block;vertical-align:bottom;width:5%;}
.page-content.bonus .bg-color-2 .contentbox .bonusbox .titlebox .imgbox img{width:100%;}
.page-content.bonus .bg-color-2 .contentbox .bonusbox .titlebox .title{display:inline-block;vertical-align:bottom;width:100%;padding-bottom:10px;text-align: left;}
.page-content.bonus .bg-color-2 .contentbox .bonusbox .titlebox .title span{font-size:22px;font-weight:bold;font-family: Microsoft JhengHei;color:#333333;padding:0 10px 0 0;}
.page-content.bonus .bg-color-2 .contentbox .bonusbox .titlebox .title span.red{color: #e70010;font-size: 16px;padding:0;}
.page-content.bonus .bg-color-2 .contentbox .bonusbox .content{padding: 10px 0;font-size:0;}
.page-content.bonus .bg-color-2 .contentbox .bonusbox .content .nouse{display:inline-block;width:50%;text-align:left;}
.page-content.bonus .bg-color-2 .contentbox .bonusbox .content .nouse span{color: #e70010;font-size: 16px;display:inline-block;}
.page-content.bonus .bg-color-2 .contentbox .bonusbox .content .nouse span span.num{color: #333333;font-size: 18px;padding:0 10px;font-weight:bold;}
.page-content.bonus .bg-color-2 .contentbox .bonusbox .content .searchrange{font-size:0;padding: 10px 0;display:inline-block;width:50%;}
.page-content.bonus .bg-color-2 .contentbox .bonusbox .content .searchrange .textbox{display:inline-block;width:65%;text-align:right;}
.page-content.bonus .bg-color-2 .contentbox .bonusbox .content .searchrange .textbox span{font-size:18px;}
.page-content.bonus .bg-color-2 .contentbox .bonusbox .content .searchrange .selectbox{display:inline-block;width:35%;padding:0 0 0 15px;}
.page-content.bonus .bg-color-2 .contentbox .bonusbox .content .searchrange .selectbox select{border-radius:0;}
.page-content.bonus .bg-color-2 .contentbox .bonusbox .content .tablebox{text-align:center;}
.page-content.bonus .bg-color-2 .contentbox .bonusbox .content .tablebox .table{border:1px solid #dcdcdc;}
.page-content.bonus .bg-color-2 .contentbox .bonusbox .content .tablebox .table>thead>tr>th{text-align:center;font-size: 18px;background:#ff4500;color: #ffffff;font-family:Microsoft JhengHei;}
.page-content.bonus .bg-color-2 .contentbox .bonusbox .content .tablebox .table>tbody>tr>td{font-size: 18px;font-family:Microsoft JhengHei;font-weight: bold;}
.page-content.bonus .bg-color-2 .contentbox .bonusbox .content .tablebox .table>tbody>tr>td a{color:#ef0018;text-decoration: underline;font-weight: bold;}
.page-content.bonus .bg-color-2 .contentbox .bonusbox .content .arrowbox{display:inline-block;width:100%;padding:10px 0;}
.page-content.bonus .bg-color-2 .contentbox .bonusbox .content .arrowbox .pagination{margin:10px 0;padding:0 15px;width: 100%;}
.page-content.bonus .bg-color-2 .contentbox .bonusbox .content .arrowbox .pagination li{padding:0;}
.page-content.bonus .bg-color-2 .contentbox .bonusbox .content .arrowbox .pagination li a{color:#333333;font-size: 16px;}
.page-content.bonus .bg-color-2 .contentbox .bonusbox .content .arrowbox .pagination li i{font-size:20px;}
.page-content.bonus .bg-color-2 .contentbox .bonusbox .content .arrowbox .pagination>li>a:focus,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li>a:hover,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li>span:focus,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li>span:hover{background-color:#ef0018;color:#ffffff}
.page-content.bonus .bg-color-2 .contentbox .bonusbox .content .arrowbox .pagination>li.disabled>a:focus,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li.disabled>a:hover,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li.disabled>span:focus,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li.disabled>span:hover{background-color:#ffffff;color:#333333}
.page-content.bonus .bg-color-2 .contentbox .bonusbox .content .arrowbox .pagination>.active>a,.page-content.productlist .bg-color-2 .contentbox .productbox .arrowbox .pagination>.active>a:focus,.page-content.productlist .bg-color-2 .contentbox .productbox .arrowbox .pagination>.active>a:hover, .page-content.productlist .bg-color-2 .contentbox .productbox .arrowbox .pagination>.active>span,.page-content.productlist .bg-color-2 .contentbox .productbox .arrowbox .pagination>.active>span:focus,.page-content.productlist .bg-color-2 .contentbox .productbox .arrowbox .pagination>.active>span:hover{border-color:#ef0018;background-color:#ef0018;color:#ffffff;}
.page-content.bonus .bg-color-2 .contentbox .bonusbox .content .noticebox{border:1px solid #e70010;text-align:left;padding:15px 10px;}
.page-content.bonus .bg-color-2 .contentbox .bonusbox .content .noticebox span{font-size:16px;display:inline-block;width:100%;font-weight:bold;margin-bottom:10px;font-family:Microsoft JhengHei;}
.page-content.bonus .bg-color-2 .contentbox .bonusbox .content .noticebox ul{display:inline-block;width:100%;}
.page-content.bonus .bg-color-2 .contentbox .bonusbox .content .noticebox ul li{margin-bottom:5px;}
.page-content.bonus .bg-color-2 .contentbox .bonusbox .content .noticebox ul li span{font-size:16px;font-weight:bold;font-family:Microsoft JhengHei;}
.page-content.bonus .bg-color-2 .contentbox .bonusbox .content .noticebox ul li a{color:#ef0018;}
.page-content.bonus .bg-color-2 .contentbox .bonusbox .btnbox{text-align:center;display:inline-block;width:100%;margin-bottom: 10px;padding: 10px 0;}
.page-content.bonus .bg-color-2 .contentbox .bonusbox .btnbox a{text-align:center;display:inline-block;padding: 5px 40px;text-decoration: none;font-size: 18px;border: 1px solid #e70010;background:#e70010;color:#ffffff;width: 20%;}
.page-content.bonus .bg-color-2 .contentbox .bonusbox .btnbox a:hover{background:#ffffff;color:#e70010;}
.page-content.bonus .bg-color-2 .contentbox .bonusbox .btnbox a#cancel{background:#ffffff;color:#e70010;margin-right:20px;}
.page-content.bonus .bg-color-2 .contentbox .bonusbox .btnbox a#cancel:hover{background:#e70010;color:#ffffff;}
@media (max-width: 1680px) {

}

@media (max-width: 1440px) {
    
}

@media (max-width: 1366px) {
    .page-content.bonus .outside{padding: 20px 15px;}
    .page-content.bonus .bg-color-2{padding:0 0 20px;}
    .page-content.bonus .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 25px;}
}

@media (max-width: 1024px) {
    .page-content.bonus .bg-color-2 .menulist{padding:0 7.5px;}
    .page-content.bonus .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{padding:10px;}
    .page-content.bonus .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{padding:0;}
    .page-content.bonus .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px;}
    .page-content.bonus .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a{padding: 10px 10px 10px 10px;border-left:none;}
    .page-content.bonus .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0;}
    .page-content.bonus .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0;}
    .page-content.bonus .bg-color-2 .contentbox{padding:0 7.5px;}
    .page-content.bonus .bg-color-2 .contentbox .bonusbox .btnbox a{padding:5px 20px;}
    .page-content.bonus .bg-color-2 .contentbox .bonusbox{padding:10px 10px;}
}

@media (max-width: 768px) {
    .page-content.bonus .bg-color-2 .menulist {display: none;}
    .page-content.bonus .bg-color-2 .contentbox{width:100%;}
    .page-content.bonus .bg-color-2 .contentbox .bonusbox .titlebox .title{padding:0;}
    .page-content.bonus .bg-color-2 .contentbox .bonusbox .content .nouse{width:100%;}
    .page-content.bonus .bg-color-2 .contentbox .bonusbox .content .searchrange{width:100%;}
    .page-content.bonus .bg-color-2 .contentbox .bonusbox .content .searchrange .textbox{width:50%;}
    .page-content.bonus .bg-color-2 .contentbox .bonusbox .content .searchrange .selectbox{width:50%;}
}

@media (max-width: 640px) {
    .page-content.bonus .bg-color-2 .contentbox .bonusbox .titlebox .imgbox{width:10%;vertical-align:middle;}
    .page-content.bonus .bg-color-2 .contentbox .bonusbox .titlebox .title{width:90%;vertical-align:middle;}
    .page-content.bonus .bg-color-2 .contentbox .bonusbox .btnbox a{width:100%;margin-bottom:10px;}
    .page-content.bonus .bg-color-2 .contentbox .bonusbox .content .tablebox .table>thead>tr>th{font-size:18px;}
    .page-content.bonus .bg-color-2 .contentbox .bonusbox .content .tablebox .table>tbody>tr>td{font-size:16px;}
}

@media (max-width: 480px) {
    .page-content.bonus .bg-color-2 .contentbox .bonusbox .titlebox .title span{font-size:18px;}
    .page-content.bonus .bg-color-2 .contentbox .bonusbox .titlebox{text-align:left;}
}

/**************************
changepassword
**************************/
.page-content.changepassword-inside{}
.page-content.changepassword-inside .outside{padding: 20px 0;}
.page-content.changepassword-inside .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none;padding:20px 0 120px;}

.page-content.changepassword-inside .bg-color-2 .menulist{width:25%;padding:10px 7.5px 10px 15px;}
.page-content.changepassword-inside .bg-color-2 .menulist .panel-group .panel {border:none;}
.page-content.changepassword-inside .bg-color-2 .menulist .panel-group .panel .panel-heading{background:#ffffff;padding:0;}
.page-content.changepassword-inside .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{border-top: 5px solid #e70010;border-bottom: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;text-decoration: none;display:inline-block;padding:10px 15px;width:100%;}
.page-content.changepassword-inside .bg-color-2 .menulist .panel-group.brand .panel .panel-heading .panel-title{border-top-color:#ffb608;}
.page-content.changepassword-inside .bg-color-2 .menulist .panel-group.about .panel .panel-heading .panel-title{border-top-color:#ff4500;}
.page-content.changepassword-inside .bg-color-2 .menulist .panel-group.faq .panel .panel-heading .panel-title{border-top-color:#73cb42;}
.page-content.changepassword-inside .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{display:inline-block;font-size:20px;vertical-align: middle;font-weight: bold;padding:0 5px;}
.page-content.changepassword-inside .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title i{display:inline-block;font-size:25px;vertical-align: middle;}
.page-content.changepassword-inside .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0 10px 20px 10px;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.page-content.changepassword-inside .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body{border-top:none;padding:0;}
.page-content.changepassword-inside .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav{}
.page-content.changepassword-inside .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li{border-bottom:1px solid #dcdcdc;}
.page-content.changepassword-inside .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{font-size:16px;color:#333333;padding: 10px 30px 10px 30px;}
.page-content.changepassword-inside .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:hover{background:#e70010;color:#ffffff;}
.page-content.changepassword-inside .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a.active{background:#e70010;color:#ffffff;}
.page-content.changepassword-inside .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:focus{background:#e70010;color:#ffffff;}
.page-content.changepassword-inside .bg-color-2 .contentbox{width:75%;text-align:center;padding:10px 15px 10px 7.5px;}
.page-content.changepassword-inside .bg-color-2 .contentbox .breadcrumbsbox{background:#ffffff;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.changepassword-inside .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{text-align: left;}
.page-content.changepassword-inside .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.changepassword-inside .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.changepassword-inside .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.changepassword-inside .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}
.page-content.changepassword-inside .bg-color-2 .contentbox .changepasswordbox{background: #ffffff;padding: 10px 20px;border: 1px solid #dcdcdc;}
.page-content.changepassword-inside .bg-color-2 .contentbox .changepasswordbox .titlebox{display:inline-block;width:100%;border-bottom:1px dashed #333333;font-size:0;}
.page-content.changepassword-inside .bg-color-2 .contentbox .changepasswordbox .titlebox .imgbox{display:inline-block;vertical-align:bottom;width:5%;}
.page-content.changepassword-inside .bg-color-2 .contentbox .changepasswordbox .titlebox .imgbox img{width:100%;}
.page-content.changepassword-inside .bg-color-2 .contentbox .changepasswordbox .titlebox .title{display:inline-block;vertical-align:bottom;width:100%;padding-bottom:10px;text-align: left;}
.page-content.changepassword-inside .bg-color-2 .contentbox .changepasswordbox .titlebox .title span{font-size:25px;font-weight:bold;font-family: Microsoft JhengHei;color:#333333;padding:0 10px 0 0;}
.page-content.changepassword-inside .bg-color-2 .contentbox .changepasswordbox .titlebox .title span.red{color: #e70010;font-size: 16px;padding:0;}
.page-content.changepassword-inside .bg-color-2 .contentbox .changepasswordbox .content{padding: 10px 0;}
.page-content.changepassword-inside .bg-color-2 .contentbox .changepasswordbox .content ul{font-size:0;padding:35px 0 15px;    text-align: left;}
.page-content.changepassword-inside .bg-color-2 .contentbox .changepasswordbox .content ul li{display:inline-block;width:100%;margin-bottom:20px;}
.page-content.changepassword-inside .bg-color-2 .contentbox .changepasswordbox .content ul li .textbox{display:inline-block;width:20%;text-align:right;padding:0 15px;vertical-align:middle;}
.page-content.changepassword-inside .bg-color-2 .contentbox .changepasswordbox .content ul li .textbox span{font-size:18px;display: inline-block;width: 100%;font-weight: bold;}
.page-content.changepassword-inside .bg-color-2 .contentbox .changepasswordbox .content ul li .textbox span.rice{width:auto;}
.page-content.changepassword-inside .bg-color-2 .contentbox .changepasswordbox .content ul li .inputbox{display:inline-block;width:80%;vertical-align:middle;}
.page-content.changepassword-inside .bg-color-2 .contentbox .changepasswordbox .content ul li .inputbox input{border-radius:0;vertical-align:middle;}
.page-content.changepassword-inside .bg-color-2 .contentbox .changepasswordbox .content ul li.code .inputbox input{width:auto;display: inline-block;margin-right:10px;margin-bottom: 0;}
.page-content.changepassword-inside .bg-color-2 .contentbox .changepasswordbox .content ul li .inputbox a{font-size:17px;}
.page-content.changepassword-inside .bg-color-2 .contentbox .changepasswordbox .content ul li .inputbox div{font-size:20px;}
.page-content.changepassword-inside .bg-color-2 .contentbox .changepasswordbox .content ul li.code .inputbox div{width:auto;display: inline-block;vertical-align:middle;cursor:pointer;border: 2px solid #333333;padding:1px 20px;margin-right:10px;}
.page-content.changepassword-inside .bg-color-2 .contentbox .changepasswordbox .content ul li.code .inputbox a{width:auto;display: inline-block;vertical-align:bottom;color: #e70010;text-decoration: none;}
.page-content.changepassword-inside .bg-color-2 .contentbox .changepasswordbox .content ul li .forget{display:inline-block;width:80%;vertical-align:middle;}
.page-content.changepassword-inside .bg-color-2 .contentbox .changepasswordbox .content ul li .forget a{display:inline-block;width:100%;font-size: 18px;text-decoration: none;color:#333333;font-weight:bold;}
.page-content.changepassword-inside .bg-color-2 .contentbox .changepasswordbox .btnbox{text-align:center;display:inline-block;width:100%;margin-bottom: 10px;padding: 10px 0;}
.page-content.changepassword-inside .bg-color-2 .contentbox .changepasswordbox .btnbox a{text-align:center;display:inline-block;padding: 5px 20px;text-decoration: none;font-size: 18px;border: 1px solid #e70010;background:#e70010;color:#ffffff;width: 20%;}
.page-content.changepassword-inside .bg-color-2 .contentbox .changepasswordbox .btnbox a:hover{background:#ffffff;color:#e70010;}
@media (max-width: 1680px) {

}

@media (max-width: 1440px) {
    
}

@media (max-width: 1366px) {
    .page-content.changepassword-inside .outside{padding: 20px 15px;}
    .page-content.changepassword-inside .bg-color-2{padding:0 0 20px;}
    .page-content.changepassword-inside .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 25px;}
}

@media (max-width: 1024px) {
    .page-content.changepassword-inside .bg-color-2 .menulist{padding:0 7.5px;}
    .page-content.changepassword-inside .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{padding:10px;}
    .page-content.changepassword-inside .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{padding:0;}
    .page-content.changepassword-inside .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px;}
    .page-content.changepassword-inside .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a{padding: 10px 10px 10px 10px;border-left:none;}
    .page-content.changepassword-inside .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0;}
    .page-content.changepassword-inside .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0;}
    .page-content.changepassword-inside .bg-color-2 .contentbox{padding:0 7.5px;}
    .page-content.changepassword-inside .bg-color-2 .contentbox .changepasswordbox .btnbox a{padding:5px 20px;}
    .page-content.changepassword-inside .bg-color-2 .contentbox .changepasswordbox{padding:10px 10px;}
}

@media (max-width: 768px) {
    .page-content.changepassword-inside .bg-color-2 .menulist {display: none;}
    .page-content.changepassword-inside .bg-color-2 .contentbox{width:100%;}
    .page-content.changepassword-inside .bg-color-2 .contentbox .changepasswordbox .titlebox .title{padding:0;}
}

@media (max-width: 640px) {
    .page-content.changepassword-inside .bg-color-2 .contentbox .changepasswordbox .titlebox .imgbox{width:10%;vertical-align:middle;}
    .page-content.changepassword-inside .bg-color-2 .contentbox .changepasswordbox .titlebox .title{width:90%;vertical-align:middle;}
    .page-content.changepassword-inside .bg-color-2 .contentbox .changepasswordbox .btnbox a{width:100%;margin-bottom:10px;}
    .page-content.changepassword-inside .bg-color-2 .contentbox .changepasswordbox .content .tablebox .table>thead>tr>th{font-size:18px;}
    .page-content.changepassword-inside .bg-color-2 .contentbox .changepasswordbox .content .tablebox .table>tbody>tr>td{font-size:16px;}
}

@media (max-width: 480px) {
    .page-content.changepassword-inside .bg-color-2 .contentbox .changepasswordbox .titlebox .title span{font-size:18px;}
    .page-content.changepassword-inside .bg-color-2 .contentbox .changepasswordbox .titlebox{text-align:left;}
}

/**************************
discount
**************************/
.page-content.discountpage{}
.page-content.discountpage .outside{padding: 20px 0;}
.page-content.discountpage .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none;padding:20px 0;}
.page-content.discountpage .bg-color-2 .menulist{width:20%;}
.page-content.discountpage .bg-color-2 .menulist .panel-group .panel {border:none;}
.page-content.discountpage .bg-color-2 .menulist .panel-group .panel .panel-heading{background:#ffffff;padding:0;}
.page-content.discountpage .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{border-top: 5px solid #e70010;border-bottom: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;text-decoration: none;display:inline-block;padding:10px 15px;width:100%;}
.page-content.discountpage .bg-color-2 .menulist .panel-group.brand .panel .panel-heading .panel-title{border-top-color:#ffb608;}
.page-content.discountpage .bg-color-2 .menulist .panel-group.about .panel .panel-heading .panel-title{border-top-color:#ff4500;}
.page-content.discountpage .bg-color-2 .menulist .panel-group.faq .panel .panel-heading .panel-title{border-top-color:#73cb42;}
.page-content.discountpage .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{display:inline-block;font-size:20px;vertical-align: middle;font-weight: bold;padding:0 5px;}
.page-content.discountpage .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title i{display:inline-block;font-size:25px;vertical-align: middle;}
.page-content.discountpage .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0 10px 20px 10px;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.page-content.discountpage .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body{border-top:none;padding:0;}
.page-content.discountpage .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav{}
.page-content.discountpage .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li{border-bottom:1px solid #dcdcdc;}
.page-content.discountpage .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{font-size:16px;color:#333333;padding: 10px 30px 10px 30px;font-weight: bold;}
.page-content.discountpage .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:hover{background:#e70010;color:#ffffff;}
.page-content.discountpage .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a.active{background:#e70010;color:#ffffff;}
.page-content.discountpage .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:focus{background:#e70010;color:#ffffff;}
.page-content.discountpage .bg-color-2 .contentbox{width:80%;text-align:center;}
.page-content.discountpage .bg-color-2 .contentbox .breadcrumbsbox{background:#ffffff;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.discountpage .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{text-align: left;}
.page-content.discountpage .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.discountpage .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.discountpage .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.discountpage .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}
.page-content.discountpage .bg-color-2 .contentbox .discountbox{background: #ffffff;padding: 10px 20px;border: 1px solid #dcdcdc;}
.page-content.discountpage .bg-color-2 .contentbox .discountbox .titlebox{display:inline-block;width:100%;border-bottom:1px dashed #333333;font-size:0;}
.page-content.discountpage .bg-color-2 .contentbox .discountbox .titlebox .imgbox{display:inline-block;vertical-align:bottom;width:5%;}
.page-content.discountpage .bg-color-2 .contentbox .discountbox .titlebox .imgbox img{width:100%;}
.page-content.discountpage .bg-color-2 .contentbox .discountbox .titlebox .title{display:inline-block;vertical-align:bottom;width:100%;padding-bottom:10px;text-align: left;}
.page-content.discountpage .bg-color-2 .contentbox .discountbox .titlebox .title span{font-size:25px;font-weight:bold;font-family: Microsoft JhengHei;color:#333333;padding:0 10px 0 0;}
.page-content.discountpage .bg-color-2 .contentbox .discountbox .titlebox .title span.red{color: #e70010;font-size: 16px;padding:0;}
.page-content.discountpage .bg-color-2 .contentbox .discountbox .content{padding: 10px 0;font-size:0;}
.page-content.discountpage .bg-color-2 .contentbox .discountbox .content .tablebox{text-align:center;}
.page-content.discountpage .bg-color-2 .contentbox .discountbox .content .tablebox .table{border:1px solid #dcdcdc;}
.page-content.discountpage .bg-color-2 .contentbox .discountbox .content .tablebox .table>thead>tr>th{text-align:center;font-size: 18px;background:#ff4500;color: #ffffff;font-family:Microsoft JhengHei;}
.page-content.discountpage .bg-color-2 .contentbox .discountbox .content .tablebox .table>tbody>tr>td{font-size: 18px;font-family:Microsoft JhengHei;font-weight: bold;}
.page-content.discountpage .bg-color-2 .contentbox .discountbox .content .tablebox .table>tbody>tr>td span.blue{color:#0000ff;}
.page-content.discountpage .bg-color-2 .contentbox .discountbox .content .tablebox .table>tbody>tr>td span.grey{color:#dcdcdc;}
.page-content.discountpage .bg-color-2 .contentbox .discountbox .content .tablebox .table>tbody>tr>td span.red{color:#e70010;}
.page-content.discountpage .bg-color-2 .contentbox .discountbox .content .arrowbox{display:inline-block;width:100%;padding:10px 0;}
.page-content.discountpage .bg-color-2 .contentbox .discountbox .content .arrowbox .pagination{margin:10px 0;padding:0 15px;width: 100%;}
.page-content.discountpage .bg-color-2 .contentbox .discountbox .content .arrowbox .pagination li{padding:0;}
.page-content.discountpage .bg-color-2 .contentbox .discountbox .content .arrowbox .pagination li a{color:#333333;font-size: 16px;}
.page-content.discountpage .bg-color-2 .contentbox .discountbox .content .arrowbox .pagination li i{font-size:20px;}
.page-content.discountpage .bg-color-2 .contentbox .discountbox .content .arrowbox .pagination>li>a:focus,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li>a:hover,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li>span:focus,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li>span:hover{background-color:#ef0018;color:#ffffff}
.page-content.discountpage .bg-color-2 .contentbox .discountbox .content .arrowbox .pagination>li.disabled>a:focus,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li.disabled>a:hover,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li.disabled>span:focus,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li.disabled>span:hover{background-color:#ffffff;color:#333333}
.page-content.discountpage .bg-color-2 .contentbox .discountbox .content .arrowbox .pagination>.active>a,.page-content.discount .bg-color-2 .contentbox .productbox .arrowbox .pagination>.active>a:focus,.page-content.productlist .bg-color-2 .contentbox .productbox .arrowbox .pagination>.active>a:hover, .page-content.discount .bg-color-2 .contentbox .productbox .arrowbox .pagination>.active>span,.page-content.discount .bg-color-2 .contentbox .productbox .arrowbox .pagination>.active>span:focus,.page-content.discount .bg-color-2 .contentbox .productbox .arrowbox .pagination>.active>span:hover{border-color:#ef0018;background-color:#ef0018;color:#ffffff;}
.page-content.discountpage .bg-color-2 .contentbox .discountbox .content .noticebox{border:1px solid #e70010;text-align:left;padding:15px 10px;}
.page-content.discountpage .bg-color-2 .contentbox .discountbox .content .noticebox span{font-size:16px;display:inline-block;width:100%;font-weight:bold;margin-bottom:10px;font-family:Microsoft JhengHei;}
.page-content.discountpage .bg-color-2 .contentbox .discountbox .content .noticebox ul{display:inline-block;width:100%;}
.page-content.discountpage .bg-color-2 .contentbox .discountbox .content .noticebox ul li{font-size:16px;font-weight:bold;font-family:Microsoft JhengHei;margin-bottom:5px;}
.page-content.discountpage .bg-color-2 .contentbox .discountbox .content .noticebox ul li a{color:#ef0018;}
.page-content.discountpage .bg-color-2 .contentbox .discountbox .btnbox{text-align:center;display:inline-block;width:100%;margin-bottom: 10px;padding: 10px 0;}
.page-content.discountpage .bg-color-2 .contentbox .discountbox .btnbox a{text-align:center;display:inline-block;padding: 5px 40px;text-decoration: none;font-size: 18px;border: 1px solid #e70010;background:#e70010;color:#ffffff;width: 20%;}
.page-content.discountpage .bg-color-2 .contentbox .discountbox .btnbox a:hover{background:#ffffff;color:#e70010;}
.page-content.discountpage .bg-color-2 .contentbox .discountbox .btnbox a#cancel{background:#ffffff;color:#e70010;margin-right:20px;}
.page-content.discountpage .bg-color-2 .contentbox .discountbox .btnbox a#cancel:hover{background:#e70010;color:#ffffff;}
@media (max-width: 1680px) {

}

@media (max-width: 1440px) {
    
}

@media (max-width: 1366px) {
    .page-content.discountpage .outside{padding: 20px 15px;}
    .page-content.discountpage .bg-color-2{padding:0 0 20px;}
    .page-content.discountpage .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 25px;}
}

@media (max-width: 1024px) {
    .page-content.discountpage .bg-color-2 .menulist{padding:0 7.5px;}
    .page-content.discountpage .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{padding:10px;}
    .page-content.discountpage .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{padding:0;}
    .page-content.discountpage .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px;}
    .page-content.discountpage .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a{padding: 10px 10px 10px 10px;border-left:none;}
    .page-content.discountpage .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0;}
    .page-content.discountpage .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0;}
    .page-content.discountpage .bg-color-2 .contentbox{padding:0 7.5px;}
    .page-content.discountpage .bg-color-2 .contentbox .discountbox .btnbox a{padding:5px 20px;}
    .page-content.discountpage .bg-color-2 .contentbox .discountbox{padding:10px 10px;}
}

@media (max-width: 768px) {
    .page-content.discountpage .bg-color-2 .menulist {display: none;}
    .page-content.discountpage .bg-color-2 .contentbox{width:100%;}
    .page-content.discountpage .bg-color-2 .contentbox .discountbox .titlebox .title{padding:0;}
}

@media (max-width: 640px) {
    .page-content.discountpage .bg-color-2 .contentbox .discountbox .titlebox .imgbox{width:10%;vertical-align:middle;}
    .page-content.discountpage .bg-color-2 .contentbox .discountbox .titlebox .title{width:90%;vertical-align:middle;}
    .page-content.discountpage .bg-color-2 .contentbox .discountbox .btnbox a{width:100%;margin-bottom:10px;}
    .page-content.discountpage .bg-color-2 .contentbox .discountbox .content .tablebox .table>thead>tr>th{font-size:18px;}
    .page-content.discountpage .bg-color-2 .contentbox .discountbox .content .tablebox .table>tbody>tr>td{font-size:16px;}
}

@media (max-width: 480px) {
    .page-content.discountpage .bg-color-2 .contentbox .discountbox .titlebox .title span{font-size:18px;}
    .page-content.discountpage .bg-color-2 .contentbox .discountbox .titlebox{text-align:left;}
}


/**************************
cartlist
**************************/
.page-content.cartlist{}
.page-content.cartlist .outside{padding: 20px 0;}
.page-content.cartlist .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none;padding:20px 0;}
.page-content.cartlist .bg-color-2 .contentbox{width:75%;padding:10px 7.5px 10px 15px;}
.page-content.cartlist .bg-color-2 .contentbox .breadcrumbsbox{background:#fdfdfb;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.cartlist .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{}
.page-content.cartlist .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.cartlist .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.cartlist .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.cartlist .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}
.page-content.cartlist .bg-color-2 .contentbox .cartbox{background:#fdfdfb;border: 1px solid #dcdcdc;padding: 10px 15px;}
.page-content.cartlist .bg-color-2 .contentbox .cartbox .titlebox{}
.page-content.cartlist .bg-color-2 .contentbox .cartbox .titlebox i{font-size:30px;display:inline-block;vertical-align:middle;}
.page-content.cartlist .bg-color-2 .contentbox .cartbox .titlebox i:before{display:inline-block;vertical-align:middle;}
.page-content.cartlist .bg-color-2 .contentbox .cartbox .titlebox span{font-size:22px;font-weight:bold;display:inline-block;vertical-align:middle;}
.page-content.cartlist .bg-color-2 .contentbox .tablebox{}
.page-content.cartlist .bg-color-2 .contentbox .tablebox .table>thead>tr>th{border-bottom:1px dashed #333333;font-size:16px;font-weight: normal;text-align:center;}
.page-content.cartlist .bg-color-2 .contentbox .tablebox .table>tbody>tr>td{border-top: none;border-bottom:1px dashed #333333;font-size:16px;vertical-align: middle;text-align:left;min-width: 75px;}
.page-content.cartlist .bg-color-2 .contentbox .tablebox .table>tbody>tr>td .num{background:#ffffff;display:inline-block;width: 100%;border: 1px solid #dcdcdc;}
.page-content.cartlist .bg-color-2 .contentbox .tablebox .table>tbody>tr>td a{text-decoration:none;display:inline-block;color:#c67e18;font-size:25px;vertical-align: middle;}
.page-content.cartlist .bg-color-2 .contentbox .tablebox .table>tbody>tr>td a.title{font-size:20px;color:#333333;}
.page-content.cartlist .bg-color-2 .contentbox .tablebox .table>tbody>tr>td a i{vertical-align: middle;}
.page-content.cartlist .bg-color-2 .contentbox .tablebox .table>tbody>tr>td a i:before{vertical-align: middle;}
.page-content.cartlist .bg-color-2 .contentbox .tablebox .table>tbody>tr>td .productDiscount {font-size:20px;color:#e70010!important;}
.page-content.cartlist .bg-color-2 .contentbox .tablebox .table>tbody>tr>td h3{font-size:16px;}
.page-content.cartlist .bg-color-2 .contentbox .tablebox .table>tbody>tr>td .size{display:inline-block;width:100%;font-size: 16px;color: #333333;}
.page-content.cartlist .bg-color-2 .contentbox .add_list{display:inline-block;width:100%;padding:5px 0 15px;}
.page-content.cartlist .bg-color-2 .contentbox .add_list .additiontitle{display:inline-block;width:100%;font-size:16px;padding:5px;font-weight:bold;}
.page-content.cartlist .bg-color-2 .contentbox .add_list .additionbox{display:inline-block;width:100%;}
.page-content.cartlist .bg-color-2 .contentbox .add_list .additionbox ul{display:inline-block;width:100%;font-size:0;}
.page-content.cartlist .bg-color-2 .contentbox .add_list .additionbox ul li{display:inline-block;width:20%;vertical-align:top;padding:5px;}
.page-content.cartlist .bg-color-2 .contentbox .add_list .additionbox ul li .imgbox{display:inline-block;width:100%;}
.page-content.cartlist .bg-color-2 .contentbox .add_list .additionbox ul li .imgbox a{display:inline-block;width:100%;}
.page-content.cartlist .bg-color-2 .contentbox .add_list .additionbox ul li .imgbox a img{width:100%;}
.page-content.cartlist .bg-color-2 .contentbox .add_list .additionbox ul li .imgbox .info{display:inline-block;width:100%;height:90px;overflow:hidden;margin:3px 0 5px 0;}
.page-content.cartlist .bg-color-2 .contentbox .add_list .additionbox ul li .imgbox .info .maintext{display:inline-block;width:100%;font-size:16px;font-weight:bold;color:#ff0000;text-align:center}
.page-content.cartlist .bg-color-2 .contentbox .add_list .additionbox ul li .imgbox .info .text{display:inline-block;width:100%;font-size:15px;}
.page-content.cartlist .bg-color-2 .contentbox .add_list .additionbox ul li .imgbox .price{display:inline-block;width:100%;margin-bottom:5px;padding:5px 0 3px;}
.page-content.cartlist .bg-color-2 .contentbox .add_list .additionbox ul li .imgbox .price span{display:inline-block;font-size:15px;}
.page-content.cartlist .bg-color-2 .contentbox .add_list .additionbox ul li .imgbox .price .middle{font-size:16px;padding:0 2px;}
.page-content.cartlist .bg-color-2 .contentbox .add_list .additionbox ul li .choose{display:inline-block;width:100%;font-size:15px;}
.page-content.cartlist .bg-color-2 .contentbox .add_list .additionbox ul li .choose .selectbox{display:inline-block;width:100%;padding:3px 0;margin-bottom:5px;}
.page-content.cartlist .bg-color-2 .contentbox .add_list .additionbox ul li .choose .selectbox select{display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.page-content.cartlist .bg-color-2 .contentbox .add_list .additionbox ul li .choose a#BtnAddToCart{display:inline-block;width:100%;font-size:15px;background:#ffffff;color:#333333;text-decoration:none;border:1px solid #333333;text-align:center;}
.page-content.cartlist .bg-color-2 .contentbox .add_list .additionbox ul li .choose a#BtnAddToCart:hover{background:#333333;color:#ffffff;}
.page-content.cartlist .bg-color-2 .contentbox .add_list .additionbox ul li .choose a#BtnAddToCart i{display:inline-block;vertical-align:middle;width:auto;font-size:16px;}
.page-content.cartlist .bg-color-2 .contentbox .add_list .additionbox ul li .choose a#BtnAddToCart span{display:inline-block;vertical-align:middle;width:auto;}
.page-content.cartlist .bg-color-2 .contentbox .btnbox{font-size:0;}
.page-content.cartlist .bg-color-2 .contentbox .btnbox a{display:inline-block;padding:6px 20px;font-size:18px;color: #ffffff;background: #e70010;border-radius: 0;border: 1px solid #e70010;text-decoration:none;margin-right:10px;}
.page-content.cartlist .bg-color-2 .contentbox .btnbox a:hover{background:#ffffff;color: #e70010;}
.page-content.cartlist .bg-color-2 .contentbox .btnbox .left{display:inline-block;width:50%;}
.page-content.cartlist .bg-color-2 .contentbox .btnbox .right{display:inline-block;width:50%;text-align:right;}
.page-content.cartlist .bg-color-2 .pricebox{width:25%;padding:10px 15px 10px 7.5px;}
.page-content.cartlist .bg-color-2 .pricebox .price{background:#fdfdfb;padding:10px 15px 20px;border: 1px solid #dcdcdc;}
.page-content.cartlist .bg-color-2 .pricebox .price .pricelist{margin-bottom:50px;}
.page-content.cartlist .bg-color-2 .pricebox .price .pricelist li{font-size:0;padding: 15px 0;border-bottom:1px solid #dcdcdc;}
.page-content.cartlist .bg-color-2 .pricebox .price .pricelist li:first-child{padding:10px 0 15px;}
.page-content.cartlist .bg-color-2 .pricebox .price .pricelist li.last{padding:50px 0 15px;}
.page-content.cartlist .bg-color-2 .pricebox .price .pricelist li.none{display:none;}
.page-content.cartlist .bg-color-2 .pricebox .price .pricelist li span{font-size:16px;display:inline-block;font-weight:bold;vertical-align:middle;}
.page-content.cartlist .bg-color-2 .pricebox .price .pricelist li span.text{width:60%;}
.page-content.cartlist .bg-color-2 .pricebox .price .pricelist li span.num{text-align:right;width:40%;}
.page-content.cartlist .bg-color-2 .pricebox .price .pricelist li span.red{color: #e70010;}
.page-content.cartlist .bg-color-2 .pricebox .price .pricelist li.last span.text{margin-bottom:15px;}
.page-content.cartlist .bg-color-2 .pricebox .price .pricelist li.last span.num{margin-bottom:15px;}
.page-content.cartlist .bg-color-2 .pricebox .price .pricelist li.last span.nomargin{margin:0;}
.page-content.cartlist .bg-color-2 .pricebox .price .btnbox{margin:15px 0 0;text-align:center;}
.page-content.cartlist .bg-color-2 .pricebox .price .btnbox a{display:inline-block;padding:6px 20px;font-size:18px;color: #ffffff;background: #e70010;border-radius: 0;border: 1px solid #e70010;text-decoration:none;}
.page-content.cartlist .bg-color-2 .pricebox .price .btnbox a:hover{background:#ffffff;color: #e70010;}
.page-content.cartlist .bg-color-2 .pricebox .price .inputbox{font-size:0;}
.page-content.cartlist .bg-color-2 .pricebox .price .inputbox .left{display:inline-block;width:75%;vertical-align: middle;}
.page-content.cartlist .bg-color-2 .pricebox .price .inputbox .left input{border-radius:0;-webkit-box-shadow:none;box-shadow:none;margin:0;}
.page-content.cartlist .bg-color-2 .pricebox .price .inputbox .right{display:inline-block;width:25%;vertical-align: middle;text-align: center;}
.page-content.cartlist .bg-color-2 .pricebox .price .inputbox .right a{display:inline-block;font-size:18px;width:100%;height: 36px;line-height: 36px;background:#fcbc03;color:#333333;text-decoration:none;}
@media (max-width: 1680px) {
    
}

@media (max-width: 1440px) {
    .page-content.cartlist .outside{padding:20px 15px;}
    .page-content.cartlist .bg-color-2 .pricebox{padding:0 15px 0 0;}
}

@media (max-width: 1366px) {
    .page-content.cartlist .outside{padding:20px 15px;}
.page-content.cartlist .bg-color-2 .contentbox .add_list .additionbox ul li{width:25%;}
}

@media (max-width: 1280px) {
    .page-content.cartlist .bg-color-2 .contentbox{width:75%;}
    .page-content.cartlist .bg-color-2 .pricebox{width:25%;}
}

@media (max-width: 1024px) {
    .page-content.cartlist .bg-color-2 .contentbox .tablebox .table>thead>tr>th{font-size:16px;}
    .page-content.cartlist .bg-color-2 .contentbox .tablebox .table>tbody>tr>td{font-size:16px;}
    .page-content.cartlist .bg-color-2 .pricebox .price .pricelist li span{font-size:16px;}
    .page-content.cartlist .bg-color-2 .pricebox .price .inputbox .right a{font-size:16px;}
}

@media (max-width: 768px) {
    .page-content.cartlist .bg-color-2 .contentbox{width:100%;margin-bottom:15px;}
    .page-content.cartlist .bg-color-2 .pricebox{width:100%;padding:0 15px;}
	.page-content.cartlist .bg-color-2 .contentbox .add_list .additionbox ul li{width:50%;padding:5px 15px;}
}

@media (max-width: 640px) {
	.page-content.cartlist .bg-color-2 .contentbox .add_list .additionbox ul li{width:100%;}
	.page-content.cartlist .bg-color-2 .contentbox .add_list .additionbox ul li .imgbox .info{height:auto;}
}

@media (max-width: 480px) {
    .page-content.cartlist .bg-color-2 .contentbox .btnbox a{margin:0 0 10px 0;}
}

/**************************
checkout
**************************/
.page-content.checkout{}
.page-content.checkout .outside{padding: 20px 0;}
.page-content.checkout .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none;padding:20px 0;}
.page-content.checkout .bg-color-2 .contentbox{width:75%;padding:0 7.5px 0 15px;}
.page-content.checkout .bg-color-2 .contentbox .breadcrumbsbox{background:#fdfdfb;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.checkout .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{}
.page-content.checkout .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.checkout .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.checkout .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.checkout .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}
.page-content.checkout .bg-color-2 .contentbox .cartbox{background:#fdfdfb;border: 1px solid #dcdcdc;padding: 10px 15px;}
.page-content.checkout .bg-color-2 .contentbox .cartbox .titlebox{}
.page-content.checkout .bg-color-2 .contentbox .cartbox .titlebox i{font-size:30px;display:inline-block;vertical-align:middle;}
.page-content.checkout .bg-color-2 .contentbox .cartbox .titlebox i:before{display:inline-block;vertical-align:middle;}
.page-content.checkout .bg-color-2 .contentbox .cartbox .titlebox span{font-size:22px;font-weight:bold;display:inline-block;vertical-align:middle;}
.page-content.checkout .bg-color-2 .contentbox .imgbox{padding:10px 0;margin-bottom: 50px;}
.page-content.checkout .bg-color-2 .contentbox .imgbox ul{font-size:0;text-align: center;}
.page-content.checkout .bg-color-2 .contentbox .imgbox ul li{display:inline-block;width:20%;}
.page-content.checkout .bg-color-2 .contentbox .imgbox ul li.stepDone{opacity:0.75;}
.page-content.checkout .bg-color-2 .contentbox .imgbox ul li a{display:inline-block;}
.page-content.checkout .bg-color-2 .contentbox .imgbox ul li img{width:100%;}

.page-content.checkout .bg-color-2 .contentbox .formbox{margin-bottom:50px;}
.page-content.checkout .bg-color-2 .contentbox .formbox .titlebox{padding:20px 0 5px;border-bottom:2px dotted #333333;}
.page-content.checkout .bg-color-2 .contentbox .formbox .titlebox span{font-size:16px;}
.page-content.checkout .bg-color-2 .contentbox .formbox .noticebox{padding:5px 0 20px;}
.page-content.checkout .bg-color-2 .contentbox .formbox .noticebox span{color:#e70010;font-size:16px;}
.page-content.checkout .bg-color-2 .contentbox .formbox .inputlist ul{font-size:0;}
.page-content.checkout .bg-color-2 .contentbox .formbox .inputlist ul li{display:inline-block;width:50%;vertical-align: top;margin-bottom:20px;padding: 0 5px;}
.page-content.checkout .bg-color-2 .contentbox .formbox .inputlist ul li .textbox{padding: 10px 0;}
.page-content.checkout .bg-color-2 .contentbox .formbox .inputlist ul li .textbox span{font-size:20px;font-weight: bold;}
.page-content.checkout .bg-color-2 .contentbox .formbox .inputlist ul li .textbox span.red{font-size:16px;color: #e70010;padding:0 0 0 10px;}
.page-content.checkout .bg-color-2 .contentbox .formbox .inputlist ul li .inputbox{}
.page-content.checkout .bg-color-2 .contentbox .formbox .inputlist ul li .inputbox textarea{height:150px;resize:none;}
.page-content.checkout .bg-color-2 .contentbox .formbox .inputlist ul li.twzipcodebox{width:100%;}
/*.page-content.checkout .bg-color-2 .contentbox .formbox .inputlist ul li.twzipcodebox #twzipcode{}
.page-content.checkout .bg-color-2 .contentbox .formbox .inputlist ul li.twzipcodebox #twzipcode .top{width:100%;margin-bottom:10px;}
.page-content.checkout .bg-color-2 .contentbox .formbox .inputlist ul li.twzipcodebox #twzipcode .bottom{width:100%;}
.page-content.checkout .bg-color-2 .contentbox .formbox .inputlist ul li.twzipcodebox #twzipcode .twbox{display:inline-block;width:33.3333333333%;padding:0 10px;}
.page-content.checkout .bg-color-2 .contentbox .formbox .inputlist ul li.twzipcodebox #twzipcode .twbox span{font-size:20px;font-weight:bold;}*/

.page-content.checkout .bg-color-2 .contentbox .formbox .inputlist ul li.twzipcodebox #ReceiverZipCode{}
.page-content.checkout .bg-color-2 .contentbox .formbox .inputlist ul li.twzipcodebox #ReceiverZipCode .top{width:100%;margin-bottom:10px;}
.page-content.checkout .bg-color-2 .contentbox .formbox .inputlist ul li.twzipcodebox #ReceiverZipCode .bottom{width:100%;}
.page-content.checkout .bg-color-2 .contentbox .formbox .inputlist ul li.twzipcodebox #ReceiverZipCode .twbox{display:inline-block;width:33.3333333333%;padding:0 10px;vertical-align:top;}
.page-content.checkout .bg-color-2 .contentbox .formbox .inputlist ul li.twzipcodebox #ReceiverZipCode .twbox span{font-size:20px;font-weight:bold;}

.page-content.checkout .bg-color-2 .contentbox .formbox .inputlist ul li.twzipcodebox .addressbox{width:100%;padding:15px 10px 0 10px;}
.page-content.checkout .bg-color-2 .contentbox .formbox .inputlist ul li input{border-radius:0;}
.page-content.checkout .bg-color-2 .contentbox .formbox .inputlist ul li select{border-radius:0;}
.page-content.checkout .bg-color-2 .contentbox .formbox .inputlist ul li textarea{border-radius:0;}

.page-content.checkout .bg-color-2 .contentbox .formbox.invoice{margin-bottom: 40px;}
.page-content.checkout .bg-color-2 .contentbox .formbox.invoice .titlebox{padding:20px 0 5px;border-bottom:2px dotted #333333;}
.page-content.checkout .bg-color-2 .contentbox .formbox.invoice .titlebox span{font-size:16px;}
.page-content.checkout .bg-color-2 .contentbox .formbox.invoice .inputlist ul{font-size:0;margin-bottom:20px;}
.page-content.checkout .bg-color-2 .contentbox .formbox.invoice .inputlist ul li{display:inline-block;width:100%;vertical-align: top;padding: 5px 35px;border-bottom:2px dotted #333333;}
.page-content.checkout .bg-color-2 .contentbox .formbox.invoice .inputlist ul li .input{padding: 10px 0;}
.page-content.checkout .bg-color-2 .contentbox .formbox.invoice .inputlist ul li .input label{font-size:18px;vertical-align:middle;margin: 0 10px;    font-weight: normal;}
.page-content.checkout .bg-color-2 .contentbox .formbox.invoice .inputlist ul li input{border-radius:0;width: auto;height: auto;display:inline-block;-webkit-box-shadow:none;box-shadow:none;vertical-align:middle;margin:0;}
.page-content.checkout .bg-color-2 .contentbox .formbox.invoice .inputlist ul li.last{padding:20px 0 0;border:none;}
.page-content.checkout .bg-color-2 .contentbox .formbox.invoice .inputlist ul li.last .textbox{}
.page-content.checkout .bg-color-2 .contentbox .formbox.invoice .inputlist ul li.last .textbox span{font-size:20px;display:inline-block;width:50%;font-weight:bold;}
.page-content.checkout .bg-color-2 .contentbox .formbox.invoice .inputlist ul li.last .inputbox .input{display:inline-block;width:50%;padding: 10px 5px;}
.page-content.checkout .bg-color-2 .contentbox .formbox.invoice .inputlist ul li.last .inputbox .input input{border-radius:0;width: 100%;display:inline-block;-webkit-box-shadow:none;box-shadow:none;vertical-align:middle;margin:0;}

.page-content.checkout .bg-color-2 .contentbox .formbox.method{margin-bottom: 40px;}
.page-content.checkout .bg-color-2 .contentbox .formbox.method .titlebox{padding:12.5px 0 12.5px;border-bottom:2px dotted #333333;}
.page-content.checkout .bg-color-2 .contentbox .formbox.method .titlebox span{font-size:16px;}
.page-content.checkout .bg-color-2 .contentbox .formbox.method .inputlist ul{font-size:0;margin-bottom:20px;}
.page-content.checkout .bg-color-2 .contentbox .formbox.method .inputlist ul li{display:inline-block;width:100%;vertical-align: top;padding: 5px 35px;border-bottom:2px dotted #333333;}
.page-content.checkout .bg-color-2 .contentbox .formbox.method .inputlist ul li .input{padding: 10px 0;}
.page-content.checkout .bg-color-2 .contentbox .formbox.method .inputlist ul li .input label{font-size:18px;vertical-align:middle;margin: 0 10px;font-weight: normal;}
.page-content.checkout .bg-color-2 .contentbox .formbox.method .inputlist ul li input{border-radius:0;width: auto;height: auto;display:inline-block;-webkit-box-shadow:none;box-shadow:none;vertical-align:middle;margin:0;}
.page-content.checkout .bg-color-2 .contentbox .formbox.method .noticebox{padding: 10px;border-bottom:2px dotted #333333;}
.page-content.checkout .bg-color-2 .contentbox .formbox.method .noticebox p{text-indent:0;font-size:18px;line-height: 30px;letter-spacing: 3px;}
.page-content.checkout .bg-color-2 .contentbox .formbox.method .noticebox p.sp{padding-left:20px;}
.page-content.checkout .bg-color-2 .contentbox .formbox.method .noticebox table{border: 1px solid #333333;width: auto;}
.page-content.checkout .bg-color-2 .contentbox .formbox.method .noticebox table>thead>tr{border-bottom: 1px solid #333333;}
.page-content.checkout .bg-color-2 .contentbox .formbox.method .noticebox table>thead>tr>th{background:#009966;color:#ffffff;text-align:center;border:none;border-right:1px solid #333333;font-size: 18px;vertical-align: middle;}
.page-content.checkout .bg-color-2 .contentbox .formbox.method .noticebox table>thead>tr>th:last-child{border:none;}
.page-content.checkout .bg-color-2 .contentbox .formbox.method .noticebox table>tbody>tr{border-bottom: 1px solid #333333;}
.page-content.checkout .bg-color-2 .contentbox .formbox.method .noticebox table>tbody>tr:last-child{border:none;}
.page-content.checkout .bg-color-2 .contentbox .formbox.method .noticebox table>tbody>tr>td{text-align:left;border:none;border-right:1px solid #333333;font-size: 18px;min-width:100px;vertical-align: middle;}
.page-content.checkout .bg-color-2 .contentbox .formbox.method .noticebox table>tbody>tr>td:last-child{border:none;}

.page-content.checkout .bg-color-2 .contentbox .formbox.method table.methodtable{border: 1px solid #333333;margin: 20px 0 20px 0;}
.page-content.checkout .bg-color-2 .contentbox .formbox.method table.methodtable>thead>tr{border-bottom: 1px solid #333333;}
.page-content.checkout .bg-color-2 .contentbox .formbox.method table.methodtable>thead>tr>th{border:none;border-right:1px solid #333333;vertical-align: middle;}
.page-content.checkout .bg-color-2 .contentbox .formbox.method table.methodtable>thead>tr>th:last-child{border:none;}
.page-content.checkout .bg-color-2 .contentbox .formbox.method table.methodtable>tbody>tr{border-bottom: 1px solid #333333;}
.page-content.checkout .bg-color-2 .contentbox .formbox.method table.methodtable>tbody>tr:last-child{border:none;}
.page-content.checkout .bg-color-2 .contentbox .formbox.method table.methodtable>tbody>tr>td{border:none;border-right:1px solid #333333;vertical-align: middle;}
.page-content.checkout .bg-color-2 .contentbox .formbox.method table.methodtable>tbody>tr>td:last-child{border:none;}
.page-content.checkout .bg-color-2 .contentbox .formbox.method table.methodtable p{text-indent:0;font-size:18px;margin: 0;}
.page-content.checkout .bg-color-2 .contentbox .formbox.method table.methodtable span{text-indent:0;font-size:18px;}
.page-content.checkout .bg-color-2 .contentbox .formbox.method table>thead>tr>th{font-size:16px;}
.page-content.checkout .bg-color-2 .contentbox .formbox.method table>tbody>tr>td{font-size:16px;}
.page-content.checkout .bg-color-2 .contentbox .formbox.method table>tbody>tr>td input{width:auto;display:inline-block;vertical-align: middle;margin:0;-webkit-box-shadow:none;box-shadow:none;}
.page-content.checkout .bg-color-2 .contentbox .formbox.method table>tbody>tr>td label{display:inline-block;font-size:16px;vertical-align: middle;margin:0;padding:0;}

.page-content.checkout .bg-color-2 .contentbox .formbox.shippingmethod{margin-bottom:50px;}
.page-content.checkout .bg-color-2 .contentbox .formbox.shippingmethod .titlebox{padding:12.5px 0 12.5px;border-bottom:2px dotted #333333;}
.page-content.checkout .bg-color-2 .contentbox .formbox.shippingmethod .titlebox span{font-size:16px;}
.page-content.checkout .bg-color-2 .contentbox .formbox.shippingmethod .inputlist ul{font-size:0;margin-bottom:20px;}
.page-content.checkout .bg-color-2 .contentbox .formbox.shippingmethod .inputlist ul li{display:inline-block;width:100%;vertical-align: top;padding: 5px 35px;border-bottom:2px dotted #333333;}
.page-content.checkout .bg-color-2 .contentbox .formbox.shippingmethod .inputlist ul li .input{padding: 10px 0;}
.page-content.checkout .bg-color-2 .contentbox .formbox.shippingmethod .inputlist ul li .input label{font-size:18px;vertical-align:middle;margin: 0 10px;font-weight: normal;}
.page-content.checkout .bg-color-2 .contentbox .formbox.shippingmethod .inputlist ul li input{border-radius:0;width: auto;height: auto;display:inline-block;-webkit-box-shadow:none;box-shadow:none;vertical-align:middle;margin:0;}
.page-content.checkout .bg-color-2 .contentbox .formbox.shippingmethod .noticebox{padding: 10px;border-bottom:2px dotted #333333;}
.page-content.checkout .bg-color-2 .contentbox .formbox.shippingmethod .noticebox p{text-indent:0;font-size:18px;font-weight:bold;line-height: 30px;letter-spacing: 3px;}
.page-content.checkout .bg-color-2 .contentbox .formbox.shippingmethod .noticebox table{border: 1px solid #333333;width: auto;}
.page-content.checkout .bg-color-2 .contentbox .formbox.shippingmethod .noticebox table>thead>tr{border-bottom: 1px solid #333333;}
.page-content.checkout .bg-color-2 .contentbox .formbox.shippingmethod .noticebox table>thead>tr>th{background:#009966;color:#ffffff;text-align:center;border:none;border-right:1px solid #333333;font-size: 18px;vertical-align: middle;}
.page-content.checkout .bg-color-2 .contentbox .formbox.shippingmethod .noticebox table>thead>tr>th:last-child{border:none;}
.page-content.checkout .bg-color-2 .contentbox .formbox.shippingmethod .noticebox table>tbody>tr{border-bottom: 1px solid #333333;}
.page-content.checkout .bg-color-2 .contentbox .formbox.shippingmethod .noticebox table>tbody>tr:last-child{border:none;}
.page-content.checkout .bg-color-2 .contentbox .formbox.shippingmethod .noticebox table>tbody>tr>td{text-align:center;border:none;border-right:1px solid #333333;font-size: 18px;min-width:100px;vertical-align: middle;}
.page-content.checkout .bg-color-2 .contentbox .formbox.shippingmethod .noticebox table>tbody>tr>td:last-child{border:none;}
.page-content.checkout .bg-color-2 .contentbox .formbox.shippingmethod .bonusbox{padding: 12.5px 0 12.5px;border-bottom:2px dotted #333333;}
.page-content.checkout .bg-color-2 .contentbox .formbox.shippingmethod .bonusbox input{width:auto;margin:0;display:inline-block;}
.page-content.checkout .bg-color-2 .contentbox .formbox.shippingmethod .bonusbox input#UseBonus{margin-left: -20px;}
.page-content.checkout .bg-color-2 .contentbox .formbox.shippingmethod .bonusbox label{font-size:16px;font-weight:bold;display: inline-block;margin:0;color: #e70010;}
.page-content.checkout .bg-color-2 .contentbox .formbox.shippingmethod .bonusbox label span.red{font-size:20px;color: #e70010;padding:0 10px;}
.page-content.checkout .bg-color-2 .contentbox .formbox.shippingmethod .bonusbox label span{font-size:20px;}
.page-content.checkout .bg-color-2 .contentbox .formbox.shippingmethod .paybox{padding: 15px 0;}
.page-content.checkout .bg-color-2 .contentbox .formbox.shippingmethod .paybox .title{background:#FF6633;padding: 5px 10px;display:inline-block;width:100%;}
.page-content.checkout .bg-color-2 .contentbox .formbox.shippingmethod .paybox .title span{color:#ffffff;font-size:20px;}
.page-content.checkout .bg-color-2 .contentbox .formbox.shippingmethod .paybox .content{border:1px solid #999999;border-top:none;padding: 15px;display:inline-block;width:100%;}
.page-content.checkout .bg-color-2 .contentbox .formbox.shippingmethod .paybox .content p{text-indent:0; font-size:16px;text-align: justify;text-justify: inter-ideograph;line-height: 30px;letter-spacing: 3px;}
.page-content.checkout .bg-color-2 .contentbox .formbox.shippingmethod .paybox .btnbox{display:inline-block;width:100%;text-align:right;}
.page-content.checkout .bg-color-2 .contentbox .formbox.shippingmethod .paybox .btnbox a{font-size:16px;}
.page-content.checkout .bg-color-2 .contentbox .formbox.shippingmethod .paybox table{border: 1px solid #333333;}
.page-content.checkout .bg-color-2 .contentbox .formbox.shippingmethod .paybox table>thead>tr{border-bottom: 1px solid #333333;}
.page-content.checkout .bg-color-2 .contentbox .formbox.shippingmethod .paybox table>thead>tr>th{background:#ffffff;color:#333333;text-align:center;border:none;border-right:1px solid #333333;font-size: 18px;vertical-align: middle;}
.page-content.checkout .bg-color-2 .contentbox .formbox.shippingmethod .paybox table>thead>tr>th:last-child{border:none;}
.page-content.checkout .bg-color-2 .contentbox .formbox.shippingmethod .paybox table>tbody>tr{border-bottom: 1px solid #333333;}
.page-content.checkout .bg-color-2 .contentbox .formbox.shippingmethod .paybox table>tbody>tr:last-child{border:none;}
.page-content.checkout .bg-color-2 .contentbox .formbox.shippingmethod .paybox table>tbody>tr>td{text-align:center;border:none;border-right:1px solid #333333;font-size: 18px;min-width:100px;vertical-align: middle;}
.page-content.checkout .bg-color-2 .contentbox .formbox.shippingmethod .paybox table>tbody>tr>td:last-child{border:none;}

.page-content.checkout .bg-color-2 .contentbox .formbox.orderdetail{margin-bottom:50px;}
.page-content.checkout .bg-color-2 .contentbox .formbox.orderdetail .ordertitle{border-bottom:2px dotted #333333;}
.page-content.checkout .bg-color-2 .contentbox .formbox.orderdetail .ordertitle span{font-size: 22px;font-weight: bold;}
.page-content.checkout .bg-color-2 .contentbox .formbox.orderdetail .orderdata{}
.page-content.checkout .bg-color-2 .contentbox .formbox.orderdetail .orderdata ul{font-size:0;padding: 25px 0 35px;}
.page-content.checkout .bg-color-2 .contentbox .formbox.orderdetail .orderdata ul li{display:inline-block;width:50%;margin-bottom:15px;}
.page-content.checkout .bg-color-2 .contentbox .formbox.orderdetail .orderdata ul li span{font-size:18px;font-weight:bold;display:inline-block;vertical-align:top;}
.page-content.checkout .bg-color-2 .contentbox .formbox.orderdetail .orderdata ul li span.text{width:25%;}
.page-content.checkout .bg-color-2 .contentbox .formbox.orderdetail .orderdata ul li span.datatext{width:75%;}
.page-content.checkout .bg-color-2 .contentbox .formbox.orderdetail .deliverytitle{border-bottom:2px dotted #333333;}
.page-content.checkout .bg-color-2 .contentbox .formbox.orderdetail .deliverytitle span{font-size: 22px;font-weight: bold;}
.page-content.checkout .bg-color-2 .contentbox .formbox.orderdetail .deliverydata{font-size:0;}
.page-content.checkout .bg-color-2 .contentbox .formbox.orderdetail .deliverydata .left{display:inline-block;width:50%;padding: 25px 0 10px;vertical-align: top;}
.page-content.checkout .bg-color-2 .contentbox .formbox.orderdetail .deliverydata .right{display:inline-block;width:50%;padding: 25px 0 10px;vertical-align: top;}
.page-content.checkout .bg-color-2 .contentbox .formbox.orderdetail .deliverydata .title{font-size:20px;font-weight:bold;display:inline-block;width:100%;margin-bottom:25px;}
.page-content.checkout .bg-color-2 .contentbox .formbox.orderdetail .deliverydata ul{font-size:0;}
.page-content.checkout .bg-color-2 .contentbox .formbox.orderdetail .deliverydata ul li{display:inline-block;width:100%;margin-bottom:20px;}
.page-content.checkout .bg-color-2 .contentbox .formbox.orderdetail .deliverydata ul li span{font-size:18px;font-weight:bold;display:inline-block;vertical-align:top;}
.page-content.checkout .bg-color-2 .contentbox .formbox.orderdetail .deliverydata ul li span.text{width:30%;}
.page-content.checkout .bg-color-2 .contentbox .formbox.orderdetail .deliverydata ul li span.datatext{width:70%;}
.page-content.checkout .bg-color-2 .contentbox .formbox.orderdetail .productdetailtitle{border-bottom:2px dotted #333333;margin-bottom:20px;}
.page-content.checkout .bg-color-2 .contentbox .formbox.orderdetail .productdetailtitle span{font-size: 22px;font-weight: bold;}
.page-content.checkout .bg-color-2 .contentbox .formbox.orderdetail .productdetaildata .table>thead>tr>th{font-size:20px;border-bottom:1px dashed #000000;}
.page-content.checkout .bg-color-2 .contentbox .formbox.orderdetail .productdetaildata .table>tbody>tr>td{border-top:none;border-bottom:1px dashed #000000;font-size:18px;text-align: left;    min-width: 100px;}
.page-content.checkout .bg-color-2 .contentbox .formbox.orderdetail .productdetaildata .bottombox {font-size:0;display: inline-block;width: 100%;}
.page-content.checkout .bg-color-2 .contentbox .formbox.orderdetail .productdetaildata .bottombox .noticebox{border:1px dashed #000000;text-align:left;padding:15px 10px;display:inline-block;width:100%;vertical-align:top;}
.page-content.checkout .bg-color-2 .contentbox .formbox.orderdetail .productdetaildata .bottombox .noticebox span{font-size:16px;display:inline-block;width:100%;font-weight:bold;margin-bottom:10px;font-family:Microsoft JhengHei;}
.page-content.checkout .bg-color-2 .contentbox .formbox.orderdetail .productdetaildata .bottombox .noticebox ul{display:inline-block;width:100%;}
.page-content.checkout .bg-color-2 .contentbox .formbox.orderdetail .productdetaildata .bottombox .noticebox ul li{font-size:16px;font-weight:bold;font-family:Microsoft JhengHei;margin-bottom:5px;line-height: 30px;letter-spacing: 3px;}
.page-content.checkout .bg-color-2 .contentbox .formbox.orderdetail .productdetaildata .bottombox .noticebox ul li a{color:#ef0018;}
.page-content.checkout .bg-color-2 .contentbox .formbox.orderdetail .productdetaildata .bottombox .orderlist{display:inline-block;width:35%;vertical-align:top;padding:0 10px;}
.page-content.checkout .bg-color-2 .contentbox .formbox.orderdetail .productdetaildata .bottombox .orderlist ul{display:inline-block;width:100%;}
.page-content.checkout .bg-color-2 .contentbox .formbox.orderdetail .productdetaildata .bottombox .orderlist ul li{display:inline-block;width:100%;border-bottom:1px solid #dcdcdc;padding:10px 0;}
.page-content.checkout .bg-color-2 .contentbox .formbox.orderdetail .productdetaildata .bottombox .orderlist ul li:first-child{padding-top:0;}
.page-content.checkout .bg-color-2 .contentbox .formbox.orderdetail .productdetaildata .bottombox .orderlist ul li.sp{padding-top:75px;}
.page-content.checkout .bg-color-2 .contentbox .formbox.orderdetail .productdetaildata .bottombox .orderlist ul li span{display:inline-block;width:50%;font-size:18px;vertical-align: middle;}
.page-content.checkout .bg-color-2 .contentbox .formbox.orderdetail .productdetaildata .bottombox .orderlist ul li span.left{text-align:left;font-weight:bold;}
.page-content.checkout .bg-color-2 .contentbox .formbox.orderdetail .productdetaildata .bottombox .orderlist ul li span.right{text-align:right;}
.page-content.checkout .bg-color-2 .contentbox .formbox.orderdetail .productdetaildata .bottombox .orderlist ul li span.red{color:#e70010;}


.page-content.checkout .bg-color-2 .contentbox .btnbox{font-size:0;}
.page-content.checkout .bg-color-2 .contentbox .btnbox a{display:inline-block;padding:6px 20px;font-size:18px;color: #ffffff;background: #e70010;border-radius: 0;border: 1px solid #e70010;text-decoration:none;}
.page-content.checkout .bg-color-2 .contentbox .btnbox a:hover{background:#ffffff;color: #e70010;}
.page-content.checkout .bg-color-2 .contentbox .btnbox a.backtoshop{background: #b3b3b3;color: #ffffff;border: 1px solid #b3b3b3;margin-right:10px;}
.page-content.checkout .bg-color-2 .contentbox .btnbox a.backtoshop:hover{background:#ffffff;color: #b3b3b3;}
.page-content.checkout .bg-color-2 .contentbox .btnbox .left{display:none;}
.page-content.checkout .bg-color-2 .contentbox .btnbox .right{display:inline-block;width:100%;text-align:right;}
.page-content.checkout .bg-color-2 .pricebox{width:25%;padding:0 15px 0 7.5px;}
.page-content.checkout .bg-color-2 .pricebox .price{background:#fdfdfb;padding:10px 15px 20px;border: 1px solid #dcdcdc;}
.page-content.checkout .bg-color-2 .pricebox .price .pricelist{margin-bottom:50px;}
.page-content.checkout .bg-color-2 .pricebox .price .pricelist li{font-size:0;padding: 15px 0;border-bottom:1px solid #dcdcdc;}
.page-content.checkout .bg-color-2 .pricebox .price .pricelist li:first-child{padding:10px 0 15px;}
.page-content.checkout .bg-color-2 .pricebox .price .pricelist li.last{padding:50px 0 15px;}
.page-content.checkout .bg-color-2 .pricebox .price .pricelist li.none{display:none;}
.page-content.checkout .bg-color-2 .pricebox .price .pricelist li span{font-size:18px;display:inline-block;font-weight:bold;vertical-align:middle;}
.page-content.checkout .bg-color-2 .pricebox .price .pricelist li span.text{width:60%;}
.page-content.checkout .bg-color-2 .pricebox .price .pricelist li span.num{text-align:right;width:40%;}
.page-content.checkout .bg-color-2 .pricebox .price .pricelist li span.red{color: #e70010;}
.page-content.checkout .bg-color-2 .pricebox .price .pricelist li.last span.text{margin-bottom:15px;}
.page-content.checkout .bg-color-2 .pricebox .price .pricelist li.last span.num{margin-bottom:15px;}
.page-content.checkout .bg-color-2 .pricebox .price .pricelist li.last span.nomargin{margin:0;}
.page-content.checkout .bg-color-2 .pricebox .price .btnbox{margin:15px 0 0;text-align:center;}
.page-content.checkout .bg-color-2 .pricebox .price .btnbox a{display:inline-block;padding:6px 20px;font-size:18px;color: #ffffff;background: #e70010;border-radius: 0;border: 1px solid #e70010;text-decoration:none;}
.page-content.checkout .bg-color-2 .pricebox .price .btnbox a:hover{background:#ffffff;color: #e70010;}
.page-content.checkout .bg-color-2 .pricebox .price .inputbox{font-size:0;}
.page-content.checkout .bg-color-2 .pricebox .price .inputbox .left{display:inline-block;width:75%;vertical-align: middle;}
.page-content.checkout .bg-color-2 .pricebox .price .inputbox .left input{border-radius:0;-webkit-box-shadow:none;box-shadow:none;margin:0;}
.page-content.checkout .bg-color-2 .pricebox .price .inputbox .right{display:inline-block;width:25%;vertical-align: middle;text-align: center;}
.page-content.checkout .bg-color-2 .pricebox .price .inputbox .right a{display:inline-block;font-size:18px;width:100%;height: 34px;line-height: 34px;background:#fcbc03;color:#333333;text-decoration:none;}
@media (max-width: 1680px) {
    
}

@media (max-width: 1600px) {
    .page-content.checkout .bg-color-2 .contentbox .imgbox ul li{width:20%;}  
    .page-content.checkout .bg-color-2 .contentbox .imgbox ul li img{width:100%;}
}


@media (max-width: 1440px) {
    .page-content.checkout .outside{padding:20px 50px;}
    .page-content.checkout .bg-color-2 .pricebox{padding:0 15px 0 0;}
}

@media (max-width: 1366px) {
    .page-content.checkout .outside{padding:20px 15px;}
}

@media (max-width: 1280px) {
    .page-content.checkout .bg-color-2 .contentbox{width:75%;}
    .page-content.checkout .bg-color-2 .pricebox{width:25%;}
}

@media (max-width: 1024px) {
    .page-content.checkout .bg-color-2 .contentbox .tablebox .table>thead>tr>th{font-size:16px;}
    .page-content.checkout .bg-color-2 .contentbox .tablebox .table>tbody>tr>td{font-size:16px;}
    .page-content.checkout .bg-color-2 .pricebox .price .pricelist li span{font-size:16px;}
    .page-content.checkout .bg-color-2 .pricebox .price .inputbox .right a{font-size:16px;}
}

@media (max-width: 768px) {
    .page-content.checkout .bg-color-2 .contentbox{width:100%;margin-bottom:15px;}
    .page-content.checkout .bg-color-2 .pricebox{width:100%;padding:0 15px;}
    .page-content.checkout .bg-color-2 .contentbox .imgbox ul li{width:20%;}
    .page-content.checkout .bg-color-2 .contentbox .imgbox ul li img{width:100%;}
}

@media (max-width: 640px) {
    .page-content.checkout .bg-color-2 .contentbox .imgbox ul li{width:50%;}
    .page-content.checkout .bg-color-2 .contentbox .btnbox a{font-size:16px;padding:6px 5px;}
    .page-content.checkout .bg-color-2 .contentbox .formbox .inputlist ul li.twzipcodebox #twzipcode .twbox{width:100%;}
    .page-content.checkout .bg-color-2 .contentbox .formbox .inputlist ul li.twzipcodebox #twzipcode .top .twbox:nth-child(1) {display:none;}
    .page-content.checkout .bg-color-2 .contentbox .formbox .inputlist ul li.twzipcodebox #twzipcode .top .twbox:nth-child(2) {display:none;}
    .page-content.checkout .bg-color-2 .contentbox .formbox .inputlist ul li.twzipcodebox #twzipcode .bottom .twbox{padding:0 0 15px;}
    .page-content.checkout .bg-color-2 .contentbox .formbox .inputlist ul li.twzipcodebox .addressbox{padding:0;}
    .page-content.checkout .bg-color-2 .contentbox .formbox .inputlist ul li .textbox span{display:inline-block;width:100%;}
    .page-content.checkout .bg-color-2 .contentbox .formbox .inputlist ul li .textbox span.red{font-size:15px;padding: 0;}
}

@media (max-width: 480px) {
    .page-content.checkout .bg-color-2 .contentbox .formbox .inputlist ul li{width:100%;margin-bottom: 10px;}
    .page-content.checkout .bg-color-2 .contentbox .formbox .inputlist ul li.twzipcodebox #twzipcode .twbox{padding:0 5px;}
    .page-content.checkout .bg-color-2 .contentbox .btnbox a.backtoshop{margin:0 0 10px 0;}
}

/**************************
invoice
**************************/
.page-content.invoice{}
.page-content.invoice .outside{padding: 20px 0;}
.page-content.invoice .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none; padding:20px 0;}
.page-content.invoice .bg-color-2 .contentbox{width:80%;}
.page-content.invoice .bg-color-2 .contentbox .breadcrumbsbox{background:#fdfdfb;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.invoice .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{}
.page-content.invoice .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.invoice .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.invoice .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.invoice .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}
.page-content.invoice .bg-color-2 .contentbox .cartbox{background:#fdfdfb;border: 1px solid #dcdcdc;padding: 10px 15px;}
.page-content.invoice .bg-color-2 .contentbox .cartbox .titlebox{}
.page-content.invoice .bg-color-2 .contentbox .cartbox .titlebox i{font-size:30px;display:inline-block;vertical-align:middle;}
.page-content.invoice .bg-color-2 .contentbox .cartbox .titlebox i:before{display:inline-block;vertical-align:middle;}
.page-content.invoice .bg-color-2 .contentbox .cartbox .titlebox span{font-size:22px;font-weight:bold;display:inline-block;vertical-align:middle;}
.page-content.invoice .bg-color-2 .contentbox .imgbox{padding:10px 0;margin-bottom: 50px;}
.page-content.invoice .bg-color-2 .contentbox .imgbox ul{font-size:0;text-align: center;}
.page-content.invoice .bg-color-2 .contentbox .imgbox ul li{display:inline-block;}
.page-content.invoice .bg-color-2 .contentbox .formbox{margin-bottom: 40px;}
.page-content.invoice .bg-color-2 .contentbox .formbox .titlebox{padding:20px 0 5px;border-bottom:2px dotted #333333;}
.page-content.invoice .bg-color-2 .contentbox .formbox .titlebox span{font-size:16px;}
.page-content.invoice .bg-color-2 .contentbox .formbox .inputlist ul{font-size:0;margin-bottom:20px;}
.page-content.invoice .bg-color-2 .contentbox .formbox .inputlist ul li{display:inline-block;width:100%;vertical-align: top;padding: 5px 35px;border-bottom:2px dotted #333333;}
.page-content.invoice .bg-color-2 .contentbox .formbox .inputlist ul li .input{padding: 10px 0;}
.page-content.invoice .bg-color-2 .contentbox .formbox .inputlist ul li .input label{font-size:18px;vertical-align:middle;margin: 0 10px;    font-weight: normal;}
.page-content.invoice .bg-color-2 .contentbox .formbox .inputlist ul li input{border-radius:0;width: auto;height: auto;display:inline-block;-webkit-box-shadow:none;box-shadow:none;vertical-align:middle;margin:0;}
.page-content.invoice .bg-color-2 .contentbox .formbox .inputlist ul li.last{padding:20px 0 0;border:none;}
.page-content.invoice .bg-color-2 .contentbox .formbox .inputlist ul li.last .textbox{}
.page-content.invoice .bg-color-2 .contentbox .formbox .inputlist ul li.last .textbox span{font-size:20px;display:inline-block;width:50%;font-weight:bold;}
.page-content.invoice .bg-color-2 .contentbox .formbox .inputlist ul li.last .inputbox .input{display:inline-block;width:50%;padding: 10px 5px;}
.page-content.invoice .bg-color-2 .contentbox .formbox .inputlist ul li.last .inputbox .input input{border-radius:0;width: 100%;display:inline-block;-webkit-box-shadow:none;box-shadow:none;vertical-align:middle;margin:0;}
.page-content.invoice .bg-color-2 .contentbox .btnbox{font-size:0;}
.page-content.invoice .bg-color-2 .contentbox .btnbox a{display:inline-block;padding:6px 20px;font-size:18px;color: #ffffff;background: #e70010;border-radius: 0;border: 1px solid #e70010;text-decoration:none;}
.page-content.invoice .bg-color-2 .contentbox .btnbox a:hover{background:#ffffff;color: #e70010;}
.page-content.invoice .bg-color-2 .contentbox .btnbox a.backtoshop{background: #b3b3b3;color: #ffffff;border: 1px solid #b3b3b3;}
.page-content.invoice .bg-color-2 .contentbox .btnbox a.backtoshop:hover{background:#ffffff;color: #b3b3b3;}
.page-content.invoice .bg-color-2 .contentbox .btnbox .left{display:inline-block;width:50%;}
.page-content.invoice .bg-color-2 .contentbox .btnbox .right{display:inline-block;width:50%;text-align:right;}
.page-content.invoice .bg-color-2 .pricebox{width:20%;}
.page-content.invoice .bg-color-2 .pricebox .price{background:#fdfdfb;padding:10px 15px 20px;border: 1px solid #dcdcdc;}
.page-content.invoice .bg-color-2 .pricebox .price .pricelist{margin-bottom:50px;}
.page-content.invoice .bg-color-2 .pricebox .price .pricelist li{font-size:0;padding: 15px 0;border-bottom:1px solid #dcdcdc;}
.page-content.invoice .bg-color-2 .pricebox .price .pricelist li:first-child{padding:10px 0 15px;}
.page-content.invoice .bg-color-2 .pricebox .price .pricelist li.last{padding:50px 0 15px;}
.page-content.invoice .bg-color-2 .pricebox .price .pricelist li span{font-size:18px;display:inline-block;font-weight:bold;vertical-align:middle;}
.page-content.invoice .bg-color-2 .pricebox .price .pricelist li span.text{width:60%;}
.page-content.invoice .bg-color-2 .pricebox .price .pricelist li span.num{text-align:right;width:40%;}
.page-content.invoice .bg-color-2 .pricebox .price .pricelist li span.red{color: #e70010;}
.page-content.invoice .bg-color-2 .pricebox .price .pricelist li.last span.text{margin-bottom:15px;}
.page-content.invoice .bg-color-2 .pricebox .price .pricelist li.last span.num{margin-bottom:15px;}
.page-content.invoice .bg-color-2 .pricebox .price .pricelist li.last span.nomargin{margin:0;}
.page-content.invoice .bg-color-2 .pricebox .price .btnbox{margin:15px 0 0;text-align:center;}
.page-content.invoice .bg-color-2 .pricebox .price .btnbox a{display:inline-block;padding:6px 20px;font-size:18px;color: #ffffff;background: #e70010;border-radius: 0;border: 1px solid #e70010;text-decoration:none;}
.page-content.invoice .bg-color-2 .pricebox .price .btnbox a:hover{background:#ffffff;color: #e70010;}
.page-content.invoice .bg-color-2 .pricebox .price .inputbox{font-size:0;}
.page-content.invoice .bg-color-2 .pricebox .price .inputbox .left{display:inline-block;width:75%;vertical-align: middle;}
.page-content.invoice .bg-color-2 .pricebox .price .inputbox .left input{border-radius:0;-webkit-box-shadow:none;box-shadow:none;}
.page-content.invoice .bg-color-2 .pricebox .price .inputbox .right{display:inline-block;width:25%;vertical-align: middle;text-align: center;}
.page-content.invoice .bg-color-2 .pricebox .price .inputbox .right a{display:inline-block;font-size:18px;width:100%;height: 34px;line-height: 34px;background:#fcbc03;color:#333333;text-decoration:none;}
@media (max-width: 1680px) {
    
}

@media (max-width: 1600px) {
    .page-content.invoice .bg-color-2 .contentbox .imgbox ul li{width:20%;}  
    .page-content.invoice .bg-color-2 .contentbox .imgbox ul li img{width:100%;}
}


@media (max-width: 1440px) {
    .page-content.invoice .outside{padding:20px 15px;}
    .page-content.invoice .bg-color-2 .pricebox{padding:0 15px 0 0;}
}

@media (max-width: 1366px) {
    .page-content.invoice .outside{padding:20px 15px;}
}

@media (max-width: 1280px) {
    .page-content.invoice .bg-color-2 .contentbox{width:75%;}
    .page-content.invoice .bg-color-2 .pricebox{width:25%;}
}

@media (max-width: 1024px) {
    .page-content.invoice .bg-color-2 .contentbox .tablebox .table>thead>tr>th{font-size:16px;}
    .page-content.invoice .bg-color-2 .contentbox .tablebox .table>tbody>tr>td{font-size:16px;}
    .page-content.invoice .bg-color-2 .pricebox .price .pricelist li span{font-size:16px;}
    .page-content.invoice .bg-color-2 .pricebox .price .inputbox .right a{font-size:16px;}
}

@media (max-width: 768px) {
    .page-content.invoice .bg-color-2 .contentbox{width:100%;margin-bottom:15px;}
    .page-content.invoice .bg-color-2 .pricebox{width:100%;padding:0 15px;}
    .page-content.invoice .bg-color-2 .contentbox .imgbox ul li{width:20%;}
    .page-content.invoice .bg-color-2 .contentbox .imgbox ul li img{width:100%;}
}

@media (max-width: 640px) {
    .page-content.invoice .bg-color-2 .contentbox .imgbox ul li{width:50%;}
    .page-content.invoice .bg-color-2 .contentbox .formbox .inputlist ul li{padding: 5px 5px;}
    .page-content.invoice .bg-color-2 .contentbox .formbox .inputlist ul li .input input{width:10%;vertical-align: top;}
    .page-content.invoice .bg-color-2 .contentbox .formbox .inputlist ul li .input label{margin:0;width:90%;font-size:16px;vertical-align: top;}
    .page-content.invoice .bg-color-2 .contentbox .formbox .inputlist ul li.last .textbox span{font-size:16px;}
    .page-content.invoice .bg-color-2 .contentbox .btnbox a{font-size:16px;padding:6px 5px;}
}

@media (max-width: 480px) {
    .page-content.invoice .bg-color-2 .contentbox .formbox .inputlist ul li{width:100%;}
    .page-content.invoice .bg-color-2 .contentbox .formbox .inputlist ul li.twzipcodebox #twzipcode .twbox{padding:0 5px;}
}

/**************************
method
**************************/
.page-content.method{}
.page-content.method .outside{padding: 20px 0;}
.page-content.method .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none;padding:20px 0;}
.page-content.method .bg-color-2 .contentbox{width:80%;}
.page-content.method .bg-color-2 .contentbox .breadcrumbsbox{background:#fdfdfb;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.method .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{}
.page-content.method .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.method .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.method .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.method .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}
.page-content.method .bg-color-2 .contentbox .cartbox{background:#fdfdfb;border: 1px solid #dcdcdc;padding: 10px 15px;}
.page-content.method .bg-color-2 .contentbox .cartbox .titlebox{}
.page-content.method .bg-color-2 .contentbox .cartbox .titlebox i{font-size:30px;display:inline-block;vertical-align:middle;}
.page-content.method .bg-color-2 .contentbox .cartbox .titlebox i:before{display:inline-block;vertical-align:middle;}
.page-content.method .bg-color-2 .contentbox .cartbox .titlebox span{font-size:22px;font-weight:bold;display:inline-block;vertical-align:middle;}
.page-content.method .bg-color-2 .contentbox .imgbox{padding:10px 0;margin-bottom:50px;}
.page-content.method .bg-color-2 .contentbox .imgbox ul{font-size:0;text-align: center;}
.page-content.method .bg-color-2 .contentbox .imgbox ul li{display:inline-block;}
.page-content.method .bg-color-2 .contentbox .formbox{margin-bottom: 40px;}
.page-content.method .bg-color-2 .contentbox .formbox .titlebox{padding:12.5px 0 12.5px;border-bottom:2px dotted #333333;}
.page-content.method .bg-color-2 .contentbox .formbox .titlebox span{font-size:16px;}
.page-content.method .bg-color-2 .contentbox .formbox .inputlist ul{font-size:0;margin-bottom:20px;}
.page-content.method .bg-color-2 .contentbox .formbox .inputlist ul li{display:inline-block;width:100%;vertical-align: top;padding: 5px 35px;border-bottom:2px dotted #333333;}
.page-content.method .bg-color-2 .contentbox .formbox .inputlist ul li .input{padding: 10px 0;}
.page-content.method .bg-color-2 .contentbox .formbox .inputlist ul li .input label{font-size:18px;vertical-align:middle;margin: 0 10px;font-weight: normal;}
.page-content.method .bg-color-2 .contentbox .formbox .inputlist ul li input{border-radius:0;width: auto;height: auto;display:inline-block;-webkit-box-shadow:none;box-shadow:none;vertical-align:middle;margin:0;}
.page-content.method .bg-color-2 .contentbox .formbox .noticebox{padding: 10px;border-bottom:2px dotted #333333;}
.page-content.method .bg-color-2 .contentbox .formbox .noticebox p{text-indent:0;font-size:18px;line-height: 30px;letter-spacing: 3px;}
.page-content.method .bg-color-2 .contentbox .formbox .noticebox p.sp{padding-left:20px;}
.page-content.method .bg-color-2 .contentbox .formbox .noticebox table{border: 1px solid #333333;width: auto;}
.page-content.method .bg-color-2 .contentbox .formbox .noticebox table>thead>tr{border-bottom: 1px solid #333333;}
.page-content.method .bg-color-2 .contentbox .formbox .noticebox table>thead>tr>th{background:#009966;color:#ffffff;text-align:center;border:none;border-right:1px solid #333333;font-size: 18px;vertical-align: middle;}
.page-content.method .bg-color-2 .contentbox .formbox .noticebox table>thead>tr>th:last-child{border:none;}
.page-content.method .bg-color-2 .contentbox .formbox .noticebox table>tbody>tr{border-bottom: 1px solid #333333;}
.page-content.method .bg-color-2 .contentbox .formbox .noticebox table>tbody>tr:last-child{border:none;}
.page-content.method .bg-color-2 .contentbox .formbox .noticebox table>tbody>tr>td{text-align:center;border:none;border-right:1px solid #333333;font-size: 18px;min-width:100px;vertical-align: middle;}
.page-content.method .bg-color-2 .contentbox .formbox .noticebox table>tbody>tr>td:last-child{border:none;}

.page-content.method .bg-color-2 .contentbox .formbox table.methodtable{border: 1px solid #333333;margin: 20px 0 20px 0;}
.page-content.method .bg-color-2 .contentbox .formbox table.methodtable>thead>tr{border-bottom: 1px solid #333333;}
.page-content.method .bg-color-2 .contentbox .formbox table.methodtable>thead>tr>th{border:none;border-right:1px solid #333333;vertical-align: middle;}
.page-content.method .bg-color-2 .contentbox .formbox table.methodtable>thead>tr>th:last-child{border:none;}
.page-content.method .bg-color-2 .contentbox .formbox table.methodtable>tbody>tr{border-bottom: 1px solid #333333;}
.page-content.method .bg-color-2 .contentbox .formbox table.methodtable>tbody>tr:last-child{border:none;}
.page-content.method .bg-color-2 .contentbox .formbox table.methodtable>tbody>tr>td{border:none;border-right:1px solid #333333;vertical-align: middle;}
.page-content.method .bg-color-2 .contentbox .formbox table.methodtable>tbody>tr>td:last-child{border:none;}

.page-content.method .bg-color-2 .contentbox .formbox table>thead>tr>th{font-size:16px;}
.page-content.method .bg-color-2 .contentbox .formbox table>tbody>tr>td{font-size:16px;}
.page-content.method .bg-color-2 .contentbox .formbox table>tbody>tr>td input{width:auto;display:inline-block;vertical-align: middle;margin:0;-webkit-box-shadow:none;box-shadow:none;}
.page-content.method .bg-color-2 .contentbox .formbox table>tbody>tr>td label{display:inline-block;font-size:16px;vertical-align: middle;margin:0;}
.page-content.method .bg-color-2 .contentbox .btnbox{font-size:0;}
.page-content.method .bg-color-2 .contentbox .btnbox a{display:inline-block;padding:6px 20px;font-size:18px;color: #ffffff;background: #e70010;border-radius: 0;border: 1px solid #e70010;text-decoration:none;}
.page-content.method .bg-color-2 .contentbox .btnbox a:hover{background:#ffffff;color: #e70010;}
.page-content.method .bg-color-2 .contentbox .btnbox a.backtoshop{background: #b3b3b3;color: #ffffff;border: 1px solid #b3b3b3;}
.page-content.method .bg-color-2 .contentbox .btnbox a.backtoshop:hover{background:#ffffff;color: #b3b3b3;}
.page-content.method .bg-color-2 .contentbox .btnbox .left{display:inline-block;width:50%;}
.page-content.method .bg-color-2 .contentbox .btnbox .right{display:inline-block;width:50%;text-align:right;}
.page-content.method .bg-color-2 .pricebox{width:20%;}
.page-content.method .bg-color-2 .pricebox .price{background:#fdfdfb;padding:10px 15px 20px;border: 1px solid #dcdcdc;}
.page-content.method .bg-color-2 .pricebox .price .pricelist{margin-bottom:50px;}
.page-content.method .bg-color-2 .pricebox .price .pricelist li{font-size:0;padding: 15px 0;border-bottom:1px solid #dcdcdc;}
.page-content.method .bg-color-2 .pricebox .price .pricelist li:first-child{padding:10px 0 15px;}
.page-content.method .bg-color-2 .pricebox .price .pricelist li.last{padding:50px 0 15px;}
.page-content.method .bg-color-2 .pricebox .price .pricelist li span{font-size:18px;display:inline-block;font-weight:bold;vertical-align:middle;}
.page-content.method .bg-color-2 .pricebox .price .pricelist li span.text{width:60%;}
.page-content.method .bg-color-2 .pricebox .price .pricelist li span.num{text-align:right;width:40%;}
.page-content.method .bg-color-2 .pricebox .price .pricelist li span.red{color: #e70010;}
.page-content.method .bg-color-2 .pricebox .price .pricelist li.last span.text{margin-bottom:15px;}
.page-content.method .bg-color-2 .pricebox .price .pricelist li.last span.num{margin-bottom:15px;}
.page-content.method .bg-color-2 .pricebox .price .pricelist li.last span.nomargin{margin:0;}
.page-content.method .bg-color-2 .pricebox .price .btnbox{margin:15px 0 0;text-align:center;}
.page-content.method .bg-color-2 .pricebox .price .btnbox a{display:inline-block;padding:6px 20px;font-size:18px;color: #ffffff;background: #e70010;border-radius: 0;border: 1px solid #e70010;text-decoration:none;}
.page-content.method .bg-color-2 .pricebox .price .btnbox a:hover{background:#ffffff;color: #e70010;}
.page-content.method .bg-color-2 .pricebox .price .inputbox{font-size:0;}
.page-content.method .bg-color-2 .pricebox .price .inputbox .left{display:inline-block;width:75%;vertical-align: middle;}
.page-content.method .bg-color-2 .pricebox .price .inputbox .left input{border-radius:0;-webkit-box-shadow:none;box-shadow:none;}
.page-content.method .bg-color-2 .pricebox .price .inputbox .right{display:inline-block;width:25%;vertical-align: middle;text-align: center;}
.page-content.method .bg-color-2 .pricebox .price .inputbox .right a{display:inline-block;font-size:18px;width:100%;height: 34px;line-height: 34px;background:#fcbc03;color:#333333;text-decoration:none;}
@media (max-width: 1680px) {
    
}

@media (max-width: 1600px) {
    .page-content.method .bg-color-2 .contentbox .imgbox ul li{width:20%;}  
    .page-content.method .bg-color-2 .contentbox .imgbox ul li img{width:100%;}
}


@media (max-width: 1440px) {
    .page-content.method .outside{padding:20px 15px;}
    .page-content.method .bg-color-2 .pricebox{padding:0 15px 0 0;}
}

@media (max-width: 1366px) {
    .page-content.method .outside{padding:20px 15px;}
}

@media (max-width: 1280px) {
    .page-content.method .bg-color-2 .contentbox{width:75%;}
    .page-content.method .bg-color-2 .pricebox{width:25%;}
}

@media (max-width: 1024px) {
    .page-content.method .bg-color-2 .contentbox .tablebox .table>thead>tr>th{font-size:16px;}
    .page-content.method .bg-color-2 .contentbox .tablebox .table>tbody>tr>td{font-size:16px;}
    .page-content.method .bg-color-2 .pricebox .price .pricelist li span{font-size:16px;}
    .page-content.method .bg-color-2 .pricebox .price .inputbox .right a{font-size:16px;}
}

@media (max-width: 768px) {
    .page-content.method .bg-color-2 .contentbox{width:100%;margin-bottom:15px;}
    .page-content.method .bg-color-2 .pricebox{width:100%;padding:0 15px;}
    .page-content.method .bg-color-2 .contentbox .imgbox ul li{width:20%;}
    .page-content.method .bg-color-2 .contentbox .imgbox ul li img{width:100%;}
}

@media (max-width: 640px) {
    .page-content.method .bg-color-2 .contentbox .imgbox ul li{width:50%;}
    .page-content.method .bg-color-2 .contentbox .formbox .noticebox{padding:10px 0;}
    .page-content.method .bg-color-2 .contentbox .formbox .noticebox p{font-size:16px;font-weight:bold;}
    .page-content.method .bg-color-2 .contentbox .formbox .noticebox p.sp{font-weight:normal;}
    .page-content.method .bg-color-2 .contentbox .btnbox a{font-size:16px;padding:6px 5px;}
}

@media (max-width: 480px) {
    .page-content.method .bg-color-2 .contentbox .formbox .inputlist ul li{width:100%;}
    .page-content.method .bg-color-2 .contentbox .formbox .inputlist ul li.twzipcodebox #twzipcode .twbox{padding:0 5px;}
}

/**************************
shippingmethod
**************************/
.page-content.shippingmethod{}
.page-content.shippingmethod .outside{padding: 20px 0;}
.page-content.shippingmethod .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none; padding:20px 0;}
.page-content.shippingmethod .bg-color-2 .contentbox{width:80%;}
.page-content.shippingmethod .bg-color-2 .contentbox .breadcrumbsbox{background:#fdfdfb;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.shippingmethod .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{}
.page-content.shippingmethod .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.shippingmethod .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.shippingmethod .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.shippingmethod .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}
.page-content.shippingmethod .bg-color-2 .contentbox .cartbox{background:#fdfdfb;border: 1px solid #dcdcdc;padding: 10px 15px;}
.page-content.shippingmethod .bg-color-2 .contentbox .cartbox .titlebox{}
.page-content.shippingmethod .bg-color-2 .contentbox .cartbox .titlebox i{font-size:30px;display:inline-block;vertical-align:middle;}
.page-content.shippingmethod .bg-color-2 .contentbox .cartbox .titlebox i:before{display:inline-block;vertical-align:middle;}
.page-content.shippingmethod .bg-color-2 .contentbox .cartbox .titlebox span{font-size:22px;font-weight:bold;display:inline-block;vertical-align:middle;}
.page-content.shippingmethod .bg-color-2 .contentbox .imgbox{padding:10px 0;margin-bottom: 50px;}
.page-content.shippingmethod .bg-color-2 .contentbox .imgbox ul{font-size:0;text-align: center;}
.page-content.shippingmethod .bg-color-2 .contentbox .imgbox ul li{display:inline-block;}
.page-content.shippingmethod .bg-color-2 .contentbox .formbox{margin-bottom:50px;}
.page-content.shippingmethod .bg-color-2 .contentbox .formbox .titlebox{padding:12.5px 0 12.5px;border-bottom:2px dotted #333333;}
.page-content.shippingmethod .bg-color-2 .contentbox .formbox .titlebox span{font-size:16px;}
.page-content.shippingmethod .bg-color-2 .contentbox .formbox .inputlist ul{font-size:0;margin-bottom:20px;}
.page-content.shippingmethod .bg-color-2 .contentbox .formbox .inputlist ul li{display:inline-block;width:100%;vertical-align: top;padding: 5px 35px;border-bottom:2px dotted #333333;}
.page-content.shippingmethod .bg-color-2 .contentbox .formbox .inputlist ul li .input{padding: 10px 0;}
.page-content.shippingmethod .bg-color-2 .contentbox .formbox .inputlist ul li .input label{font-size:18px;vertical-align:middle;margin: 0 10px;font-weight: normal;}
.page-content.shippingmethod .bg-color-2 .contentbox .formbox .inputlist ul li input{border-radius:0;width: auto;height: auto;display:inline-block;-webkit-box-shadow:none;box-shadow:none;vertical-align:middle;margin:0;}
.page-content.shippingmethod .bg-color-2 .contentbox .formbox .noticebox{padding: 10px;border-bottom:2px dotted #333333;}
.page-content.shippingmethod .bg-color-2 .contentbox .formbox .noticebox p{text-indent:0;font-size:18px;font-weight:bold;line-height: 30px;letter-spacing: 3px;}
.page-content.shippingmethod .bg-color-2 .contentbox .formbox .noticebox table{border: 1px solid #333333;width: auto;}
.page-content.shippingmethod .bg-color-2 .contentbox .formbox .noticebox table>thead>tr{border-bottom: 1px solid #333333;}
.page-content.shippingmethod .bg-color-2 .contentbox .formbox .noticebox table>thead>tr>th{background:#009966;color:#ffffff;text-align:center;border:none;border-right:1px solid #333333;font-size: 18px;vertical-align: middle;}
.page-content.shippingmethod .bg-color-2 .contentbox .formbox .noticebox table>thead>tr>th:last-child{border:none;}
.page-content.shippingmethod .bg-color-2 .contentbox .formbox .noticebox table>tbody>tr{border-bottom: 1px solid #333333;}
.page-content.shippingmethod .bg-color-2 .contentbox .formbox .noticebox table>tbody>tr:last-child{border:none;}
.page-content.shippingmethod .bg-color-2 .contentbox .formbox .noticebox table>tbody>tr>td{text-align:center;border:none;border-right:1px solid #333333;font-size: 18px;min-width:100px;vertical-align: middle;}
.page-content.shippingmethod .bg-color-2 .contentbox .formbox .noticebox table>tbody>tr>td:last-child{border:none;}
.page-content.shippingmethod .bg-color-2 .contentbox .formbox .bonusbox{padding: 12.5px 0 12.5px;border-bottom:2px dotted #333333;}
.page-content.shippingmethod .bg-color-2 .contentbox .formbox .bonusbox input{width:auto;margin:0;display:inline-block;}
.page-content.shippingmethod .bg-color-2 .contentbox .formbox .bonusbox label{font-size:16px;font-weight:bold;display: inline-block;margin:0;}
.page-content.shippingmethod .bg-color-2 .contentbox .formbox .bonusbox label span.red{font-size:20px;color: #e70010;padding:0 10px;}
.page-content.shippingmethod .bg-color-2 .contentbox .formbox .paybox{padding: 15px 0;}
.page-content.shippingmethod .bg-color-2 .contentbox .formbox .paybox .title{background:#FF6633;padding: 5px 10px;display:inline-block;width:100%;}
.page-content.shippingmethod .bg-color-2 .contentbox .formbox .paybox .title span{color:#ffffff;font-size:20px;}
.page-content.shippingmethod .bg-color-2 .contentbox .formbox .paybox .content{border:1px solid #999999;border-top:none;padding: 15px;display:inline-block;width:100%;}
.page-content.shippingmethod .bg-color-2 .contentbox .formbox .paybox .content p{text-indent:0; font-size:16px;text-align: justify;text-justify: inter-ideograph;line-height: 30px;letter-spacing: 3px;}
.page-content.shippingmethod .bg-color-2 .contentbox .formbox .paybox .btnbox{display:inline-block;width:100%;text-align:right;}
.page-content.shippingmethod .bg-color-2 .contentbox .formbox .paybox .btnbox a{font-size:16px;}
.page-content.shippingmethod .bg-color-2 .contentbox .formbox .paybox table{border: 1px solid #333333;}
.page-content.shippingmethod .bg-color-2 .contentbox .formbox .paybox table>thead>tr{border-bottom: 1px solid #333333;}
.page-content.shippingmethod .bg-color-2 .contentbox .formbox .paybox table>thead>tr>th{background:#ffffff;color:#333333;text-align:center;border:none;border-right:1px solid #333333;font-size: 18px;vertical-align: middle;}
.page-content.shippingmethod .bg-color-2 .contentbox .formbox .paybox table>thead>tr>th:last-child{border:none;}
.page-content.shippingmethod .bg-color-2 .contentbox .formbox .paybox table>tbody>tr{border-bottom: 1px solid #333333;}
.page-content.shippingmethod .bg-color-2 .contentbox .formbox .paybox table>tbody>tr:last-child{border:none;}
.page-content.shippingmethod .bg-color-2 .contentbox .formbox .paybox table>tbody>tr>td{text-align:center;border:none;border-right:1px solid #333333;font-size: 18px;min-width:100px;vertical-align: middle;}
.page-content.shippingmethod .bg-color-2 .contentbox .formbox .paybox table>tbody>tr>td:last-child{border:none;}
.page-content.shippingmethod .bg-color-2 .contentbox .btnbox{font-size:0;}
.page-content.shippingmethod .bg-color-2 .contentbox .btnbox a{display:inline-block;padding:6px 20px;font-size:18px;color: #ffffff;background: #b3b3b3;border-radius: 0;border: 1px solid #b3b3b3;text-decoration:none;}
.page-content.shippingmethod .bg-color-2 .contentbox .btnbox a:hover{background:#ffffff;color: #b3b3b3;}
.page-content.shippingmethod .bg-color-2 .contentbox .btnbox a.red{background: #e70010;border: 1px solid #e70010;}
.page-content.shippingmethod .bg-color-2 .contentbox .btnbox a.red:hover{background: #ffffff;color: #e70010;}
.page-content.shippingmethod .bg-color-2 .contentbox .btnbox a.backtoshop{background: #b3b3b3;color: #ffffff;border: 1px solid #b3b3b3;}
.page-content.shippingmethod .bg-color-2 .contentbox .btnbox a.backtoshop:hover{background:#ffffff;color: #b3b3b3;}
.page-content.shippingmethod .bg-color-2 .contentbox .btnbox .left{display:inline-block;width:50%;}
.page-content.shippingmethod .bg-color-2 .contentbox .btnbox .right{display:inline-block;width:50%;text-align:right;}
.page-content.shippingmethod .bg-color-2 .pricebox{width:20%;}
.page-content.shippingmethod .bg-color-2 .pricebox .price{background:#fdfdfb;padding:10px 15px 20px;border: 1px solid #dcdcdc;}
.page-content.shippingmethod .bg-color-2 .pricebox .price .pricelist{margin-bottom:50px;}
.page-content.shippingmethod .bg-color-2 .pricebox .price .pricelist li{font-size:0;padding: 15px 0;border-bottom:1px solid #dcdcdc;}
.page-content.shippingmethod .bg-color-2 .pricebox .price .pricelist li:first-child{padding:10px 0 15px;}
.page-content.shippingmethod .bg-color-2 .pricebox .price .pricelist li.last{padding:50px 0 15px;}
.page-content.shippingmethod .bg-color-2 .pricebox .price .pricelist li span{font-size:18px;display:inline-block;font-weight:bold;vertical-align:middle;}
.page-content.shippingmethod .bg-color-2 .pricebox .price .pricelist li span.text{width:60%;}
.page-content.shippingmethod .bg-color-2 .pricebox .price .pricelist li span.num{text-align:right;width:40%;}
.page-content.shippingmethod .bg-color-2 .pricebox .price .pricelist li span.red{color: #e70010;}
.page-content.shippingmethod .bg-color-2 .pricebox .price .pricelist li.last span.text{margin-bottom:15px;}
.page-content.shippingmethod .bg-color-2 .pricebox .price .pricelist li.last span.num{margin-bottom:15px;}
.page-content.shippingmethod .bg-color-2 .pricebox .price .pricelist li.last span.nomargin{margin:0;}
.page-content.shippingmethod .bg-color-2 .pricebox .price .btnbox{margin:15px 0 0;text-align:center;}
.page-content.shippingmethod .bg-color-2 .pricebox .price .btnbox a{display:inline-block;padding:6px 20px;font-size:18px;color: #ffffff;background: #e70010;border-radius: 0;border: 1px solid #e70010;text-decoration:none;}
.page-content.shippingmethod .bg-color-2 .pricebox .price .btnbox a:hover{background:#ffffff;color: #e70010;}
.page-content.shippingmethod .bg-color-2 .pricebox .price .inputbox{font-size:0;}
.page-content.shippingmethod .bg-color-2 .pricebox .price .inputbox .left{display:inline-block;width:75%;vertical-align: middle;}
.page-content.shippingmethod .bg-color-2 .pricebox .price .inputbox .left input{border-radius:0;-webkit-box-shadow:none;box-shadow:none;}
.page-content.shippingmethod .bg-color-2 .pricebox .price .inputbox .right{display:inline-block;width:25%;vertical-align: middle;text-align: center;}
.page-content.shippingmethod .bg-color-2 .pricebox .price .inputbox .right a{display:inline-block;font-size:18px;width:100%;height: 34px;line-height: 34px;background:#fcbc03;color:#333333;text-decoration:none;}
@media (max-width: 1680px) {
    
}

@media (max-width: 1600px) {
    .page-content.shippingmethod .bg-color-2 .contentbox .imgbox ul li{width:20%;}  
    .page-content.shippingmethod .bg-color-2 .contentbox .imgbox ul li img{width:100%;}
}


@media (max-width: 1440px) {
    .page-content.shippingmethod .outside{padding:20px 15px;}
    .page-content.shippingmethod .bg-color-2 .pricebox{padding:0 15px 0 0;}
}

@media (max-width: 1366px) {
    .page-content.shippingmethod .outside{padding:20px 15px;}
}

@media (max-width: 1280px) {
    .page-content.shippingmethod .bg-color-2 .contentbox{width:75%;}
    .page-content.shippingmethod .bg-color-2 .pricebox{width:25%;}
}

@media (max-width: 1024px) {
    .page-content.shippingmethod .bg-color-2 .contentbox .tablebox .table>thead>tr>th{font-size:16px;}
    .page-content.shippingmethod .bg-color-2 .contentbox .tablebox .table>tbody>tr>td{font-size:16px;}
    .page-content.shippingmethod .bg-color-2 .pricebox .price .pricelist li span{font-size:16px;}
    .page-content.shippingmethod .bg-color-2 .pricebox .price .inputbox .right a{font-size:16px;}
}

@media (max-width: 768px) {
    .page-content.shippingmethod .bg-color-2 .contentbox{width:100%;margin-bottom:15px;}
    .page-content.shippingmethod .bg-color-2 .pricebox{width:100%;padding:0 15px;}
    .page-content.shippingmethod .bg-color-2 .contentbox .imgbox ul li{width:20%;}
    .page-content.shippingmethod .bg-color-2 .contentbox .imgbox ul li img{width:100%;}
}

@media (max-width: 640px) {
    .page-content.shippingmethod .bg-color-2 .contentbox .imgbox ul li{width:50%;}
    .page-content.shippingmethod .bg-color-2 .contentbox .formbox .noticebox{padding:10px 0;}
    .page-content.shippingmethod .bg-color-2 .contentbox .formbox .noticebox p{font-size:16px;font-weight:bold;margin-bottom: 15px;}
    .page-content.shippingmethod .bg-color-2 .contentbox .formbox .noticebox p.sp{font-weight:normal;}
    .page-content.shippingmethod .bg-color-2 .contentbox .btnbox a{font-size:16px;padding:6px 5px;}
    .page-content.shippingmethod .bg-color-2 .contentbox .formbox .bonusbox{font-size:0;}
    .page-content.shippingmethod .bg-color-2 .contentbox .formbox .bonusbox input{width:7.5%;vertical-align: top;}
    .page-content.shippingmethod .bg-color-2 .contentbox .formbox .bonusbox label{width:92.5%;vertical-align: top;}
    .page-content.shippingmethod .bg-color-2 .contentbox .formbox .bonusbox label span.red{font-size:16px;}
    .page-content.shippingmethod .bg-color-2 .contentbox .formbox .paybox .title span{font-size:18px;text-align: justify;text-justify: inter-ideograph;}
    .page-content.shippingmethod .bg-color-2 .contentbox .formbox .paybox .content p{margin-bottom:15px;}
}

@media (max-width: 480px) {
    .page-content.shippingmethod .bg-color-2 .contentbox .formbox .inputlist ul li{width:100%;}
    .page-content.shippingmethod .bg-color-2 .contentbox .formbox .inputlist ul li.twzipcodebox #twzipcode .twbox{padding:0 5px;}
}


/**************************
orderdetail
**************************/
.page-content.orderdetail{}
.page-content.orderdetail .outside{padding: 20px 0;}
.page-content.orderdetail .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none;padding:20px 0;}
.page-content.orderdetail .bg-color-2 .contentbox{width:80%;}
.page-content.orderdetail .bg-color-2 .contentbox .breadcrumbsbox{background:#fdfdfb;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.orderdetail .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{}
.page-content.orderdetail .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.orderdetail .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.orderdetail .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.orderdetail .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}
.page-content.orderdetail .bg-color-2 .contentbox .cartbox{background:#fdfdfb;border: 1px solid #dcdcdc;padding: 10px 15px;}
.page-content.orderdetail .bg-color-2 .contentbox .cartbox .titlebox{}
.page-content.orderdetail .bg-color-2 .contentbox .cartbox .titlebox i{font-size:30px;display:inline-block;vertical-align:middle;}
.page-content.orderdetail .bg-color-2 .contentbox .cartbox .titlebox i:before{display:inline-block;vertical-align:middle;}
.page-content.orderdetail .bg-color-2 .contentbox .cartbox .titlebox span{font-size:22px;font-weight:bold;display:inline-block;vertical-align:middle;}
.page-content.orderdetail .bg-color-2 .contentbox .imgbox{padding:10px 0;margin-bottom: 50px;}
.page-content.orderdetail .bg-color-2 .contentbox .imgbox ul{font-size:0;text-align: center;}
.page-content.orderdetail .bg-color-2 .contentbox .imgbox ul li{display:inline-block;}
.page-content.orderdetail .bg-color-2 .contentbox .formbox{margin-bottom:50px;}
.page-content.orderdetail .bg-color-2 .contentbox .formbox .ordertitle{border-bottom:2px dotted #333333;}
.page-content.orderdetail .bg-color-2 .contentbox .formbox .ordertitle span{font-size: 22px;font-weight: bold;}
.page-content.orderdetail .bg-color-2 .contentbox .formbox .orderdata{}
.page-content.orderdetail .bg-color-2 .contentbox .formbox .orderdata ul{font-size:0;padding: 25px 0 35px;}
.page-content.orderdetail .bg-color-2 .contentbox .formbox .orderdata ul li{display:inline-block;width:50%;margin-bottom:15px;}
.page-content.orderdetail .bg-color-2 .contentbox .formbox .orderdata ul li span{font-size:18px;font-weight:bold;display:inline-block;vertical-align:top;}
.page-content.orderdetail .bg-color-2 .contentbox .formbox .orderdata ul li span.text{width:20%;}
.page-content.orderdetail .bg-color-2 .contentbox .formbox .orderdata ul li span.datatext{width:80%;}
.page-content.orderdetail .bg-color-2 .contentbox .formbox .deliverytitle{border-bottom:2px dotted #333333;}
.page-content.orderdetail .bg-color-2 .contentbox .formbox .deliverytitle span{font-size: 22px;font-weight: bold;}
.page-content.orderdetail .bg-color-2 .contentbox .formbox .deliverydata{font-size:0;}
.page-content.orderdetail .bg-color-2 .contentbox .formbox .deliverydata .left{display:inline-block;width:50%;padding: 25px 0 10px;vertical-align: top;}
.page-content.orderdetail .bg-color-2 .contentbox .formbox .deliverydata .right{display:inline-block;width:50%;padding: 25px 0 10px;vertical-align: top;}
.page-content.orderdetail .bg-color-2 .contentbox .formbox .deliverydata .title{font-size:20px;font-weight:bold;display:inline-block;width:100%;margin-bottom:25px;}
.page-content.orderdetail .bg-color-2 .contentbox .formbox .deliverydata ul{font-size:0;}
.page-content.orderdetail .bg-color-2 .contentbox .formbox .deliverydata ul li{display:inline-block;width:100%;margin-bottom:20px;}
.page-content.orderdetail .bg-color-2 .contentbox .formbox .deliverydata ul li span{font-size:18px;font-weight:bold;display:inline-block;vertical-align:top;}
.page-content.orderdetail .bg-color-2 .contentbox .formbox .deliverydata ul li span.text{width:20%;}
.page-content.orderdetail .bg-color-2 .contentbox .formbox .deliverydata ul li span.datatext{width:80%;}
.page-content.orderdetail .bg-color-2 .contentbox .formbox .productdetailtitle{border-bottom:2px dotted #333333;margin-bottom:20px;}
.page-content.orderdetail .bg-color-2 .contentbox .formbox .productdetailtitle span{font-size: 22px;font-weight: bold;}
.page-content.orderdetail .bg-color-2 .contentbox .formbox .productdetaildata .table>thead>tr>th{font-size:20px;border-bottom:1px dashed #000000;}
.page-content.orderdetail .bg-color-2 .contentbox .formbox .productdetaildata .table>tbody>tr>td{border-top:none;border-bottom:1px dashed #000000;font-size:18px;text-align: left;    min-width: 100px;}
.page-content.orderdetail .bg-color-2 .contentbox .formbox .productdetaildata .bottombox {font-size:0;display: inline-block;width: 100%;}
.page-content.orderdetail .bg-color-2 .contentbox .formbox .productdetaildata .bottombox .noticebox{border:1px dashed #000000;text-align:left;padding:15px 10px;display:inline-block;width:65%;vertical-align:top;}
.page-content.orderdetail .bg-color-2 .contentbox .formbox .productdetaildata .bottombox .noticebox span{font-size:16px;display:inline-block;width:100%;font-weight:bold;margin-bottom:10px;font-family:Microsoft JhengHei;}
.page-content.orderdetail .bg-color-2 .contentbox .formbox .productdetaildata .bottombox .noticebox ul{display:inline-block;width:100%;}
.page-content.orderdetail .bg-color-2 .contentbox .formbox .productdetaildata .bottombox .noticebox ul li{font-size:16px;font-weight:bold;font-family:Microsoft JhengHei;margin-bottom:5px;line-height: 30px;letter-spacing: 3px;}
.page-content.orderdetail .bg-color-2 .contentbox .formbox .productdetaildata .bottombox .noticebox ul li a{color:#ef0018;}
.page-content.orderdetail .bg-color-2 .contentbox .formbox .productdetaildata .bottombox .orderlist{display:inline-block;width:35%;vertical-align:top;padding:0 10px;}
.page-content.orderdetail .bg-color-2 .contentbox .formbox .productdetaildata .bottombox .orderlist ul{display:inline-block;width:100%;}
.page-content.orderdetail .bg-color-2 .contentbox .formbox .productdetaildata .bottombox .orderlist ul li{display:inline-block;width:100%;border-bottom:1px solid #dcdcdc;padding:10px 0;}
.page-content.orderdetail .bg-color-2 .contentbox .formbox .productdetaildata .bottombox .orderlist ul li:first-child{padding-top:0;}
.page-content.orderdetail .bg-color-2 .contentbox .formbox .productdetaildata .bottombox .orderlist ul li.sp{padding-top:75px;}
.page-content.orderdetail .bg-color-2 .contentbox .formbox .productdetaildata .bottombox .orderlist ul li span{display:inline-block;width:50%;font-size:18px;vertical-align: middle;}
.page-content.orderdetail .bg-color-2 .contentbox .formbox .productdetaildata .bottombox .orderlist ul li span.left{text-align:left;font-weight:bold;}
.page-content.orderdetail .bg-color-2 .contentbox .formbox .productdetaildata .bottombox .orderlist ul li span.right{text-align:right;}
.page-content.orderdetail .bg-color-2 .contentbox .formbox .productdetaildata .bottombox .orderlist ul li span.red{color:#e70010;}

.page-content.orderdetail .bg-color-2 .contentbox .btnbox{font-size:0;}
.page-content.orderdetail .bg-color-2 .contentbox .btnbox a{display:inline-block;padding:6px 20px;font-size:18px;color: #ffffff;background: #b3b3b3;border-radius: 0;border: 1px solid #b3b3b3;text-decoration:none;}
.page-content.orderdetail .bg-color-2 .contentbox .btnbox a:hover{background:#ffffff;color: #b3b3b3;}
.page-content.orderdetail .bg-color-2 .contentbox .btnbox a.red{background: #e70010;border: 1px solid #e70010;}
.page-content.orderdetail .bg-color-2 .contentbox .btnbox a.red:hover{background: #ffffff;color: #e70010;}
.page-content.orderdetail .bg-color-2 .contentbox .btnbox a.backtoshop{background: #b3b3b3;color: #ffffff;border: 1px solid #b3b3b3;}
.page-content.orderdetail .bg-color-2 .contentbox .btnbox a.backtoshop:hover{background:#ffffff;color: #b3b3b3;}
.page-content.orderdetail .bg-color-2 .contentbox .btnbox .left{display:inline-block;width:50%;}
.page-content.orderdetail .bg-color-2 .contentbox .btnbox .right{display:inline-block;width:50%;text-align:right;}
.page-content.orderdetail .bg-color-2 .pricebox{width:20%;}
.page-content.orderdetail .bg-color-2 .pricebox .price{background:#fdfdfb;padding:10px 15px 20px;border: 1px solid #dcdcdc;}
.page-content.orderdetail .bg-color-2 .pricebox .price .pricelist{margin-bottom:50px;}
.page-content.orderdetail .bg-color-2 .pricebox .price .pricelist li{font-size:0;padding: 15px 0;border-bottom:1px solid #dcdcdc;}
.page-content.orderdetail .bg-color-2 .pricebox .price .pricelist li:first-child{padding:10px 0 15px;}
.page-content.orderdetail .bg-color-2 .pricebox .price .pricelist li.last{padding:50px 0 15px;}
.page-content.orderdetail .bg-color-2 .pricebox .price .pricelist li span{font-size:18px;display:inline-block;font-weight:bold;vertical-align:middle;}
.page-content.orderdetail .bg-color-2 .pricebox .price .pricelist li span.text{width:60%;}
.page-content.orderdetail .bg-color-2 .pricebox .price .pricelist li span.num{text-align:right;width:40%;}
.page-content.orderdetail .bg-color-2 .pricebox .price .pricelist li span.red{color: #e70010;}
.page-content.orderdetail .bg-color-2 .pricebox .price .pricelist li.last span.text{margin-bottom:15px;}
.page-content.orderdetail .bg-color-2 .pricebox .price .pricelist li.last span.num{margin-bottom:15px;}
.page-content.orderdetail .bg-color-2 .pricebox .price .pricelist li.last span.nomargin{margin:0;}
.page-content.orderdetail .bg-color-2 .pricebox .price .btnbox{margin:15px 0 0;text-align:center;}
.page-content.orderdetail .bg-color-2 .pricebox .price .btnbox a{display:inline-block;padding:6px 20px;font-size:18px;color: #ffffff;background: #e70010;border-radius: 0;border: 1px solid #e70010;text-decoration:none;}
.page-content.orderdetail .bg-color-2 .pricebox .price .btnbox a:hover{background:#ffffff;color: #e70010;}
.page-content.orderdetail .bg-color-2 .pricebox .price .inputbox{font-size:0;}
.page-content.orderdetail .bg-color-2 .pricebox .price .inputbox .left{display:inline-block;width:75%;vertical-align: middle;}
.page-content.orderdetail .bg-color-2 .pricebox .price .inputbox .left input{border-radius:0;-webkit-box-shadow:none;box-shadow:none;}
.page-content.orderdetail .bg-color-2 .pricebox .price .inputbox .right{display:inline-block;width:25%;vertical-align: middle;text-align: center;}
.page-content.orderdetail .bg-color-2 .pricebox .price .inputbox .right a{display:inline-block;font-size:18px;width:100%;height: 34px;line-height: 34px;background:#fcbc03;color:#333333;text-decoration:none;}
@media (max-width: 1680px) {
    
}

@media (max-width: 1600px) {
    .page-content.orderdetail .bg-color-2 .contentbox .imgbox ul li{width:20%;}  
    .page-content.orderdetail .bg-color-2 .contentbox .imgbox ul li img{width:100%;}
}


@media (max-width: 1440px) {
    .page-content.orderdetail .outside{padding:20px 15px;}
    .page-content.orderdetail .bg-color-2 .pricebox{padding:0 15px 0 0;}

    .page-content.orderdetail .bg-color-2 .contentbox .formbox .deliverydata ul li span.text{width:25%;}
    .page-content.orderdetail .bg-color-2 .contentbox .formbox .deliverydata ul li span.datatext{width:75%;}
}

@media (max-width: 1366px) {
    .page-content.orderdetail .outside{padding:20px 15px;}
}

@media (max-width: 1280px) {
    .page-content.orderdetail .bg-color-2 .contentbox{width:75%;}
    .page-content.orderdetail .bg-color-2 .pricebox{width:25%;}
}

@media (max-width: 1024px) {
    .page-content.orderdetail .bg-color-2 .contentbox .tablebox .table>thead>tr>th{font-size:16px;}
    .page-content.orderdetail .bg-color-2 .contentbox .tablebox .table>tbody>tr>td{font-size:16px;}
    .page-content.orderdetail .bg-color-2 .pricebox .price .pricelist li span{font-size:16px;}
    .page-content.orderdetail .bg-color-2 .pricebox .price .inputbox .right a{font-size:16px;}
    .page-content.orderdetail .bg-color-2 .contentbox .formbox .deliverydata ul li span.text{width:35%;}
    .page-content.orderdetail .bg-color-2 .contentbox .formbox .deliverydata ul li span.datatext{width:65%;}
}

@media (max-width: 768px) {
    .page-content.orderdetail .bg-color-2 .contentbox{width:100%;margin-bottom:15px;}
    .page-content.orderdetail .bg-color-2 .pricebox{width:100%;padding:0 15px;}
    .page-content.orderdetail .bg-color-2 .contentbox .imgbox ul li{width:20%;}
    .page-content.orderdetail .bg-color-2 .contentbox .imgbox ul li img{width:100%;}

    .page-content.orderdetail .bg-color-2 .contentbox .formbox .orderdata ul li span.text{width:30%;}
    .page-content.orderdetail .bg-color-2 .contentbox .formbox .orderdata ul li span.datatext{width:70%;}
}

@media (max-width: 640px) {
    .page-content.orderdetail .bg-color-2 .contentbox .imgbox ul li{width:50%;}
    .page-content.orderdetail .bg-color-2 .contentbox .formbox .noticebox{padding:10px 0;}
    .page-content.orderdetail .bg-color-2 .contentbox .formbox .noticebox p{font-size:16px;font-weight:bold;margin-bottom: 15px;}
    .page-content.orderdetail .bg-color-2 .contentbox .formbox .noticebox p.sp{font-weight:normal;}
    .page-content.orderdetail .bg-color-2 .contentbox .formbox .bonusbox{font-size:0;}
    .page-content.orderdetail .bg-color-2 .contentbox .formbox .bonusbox input{width:7.5%;vertical-align: top;}
    .page-content.orderdetail .bg-color-2 .contentbox .formbox .bonusbox label{width:92.5%;vertical-align: top;}
    .page-content.orderdetail .bg-color-2 .contentbox .formbox .bonusbox label span.red{font-size:16px;}
    .page-content.orderdetail .bg-color-2 .contentbox .formbox .paybox .title span{font-size:18px;text-align: justify;text-justify: inter-ideograph;}
    .page-content.orderdetail .bg-color-2 .contentbox .formbox .paybox .content p{margin-bottom:15px;}
    .page-content.orderdetail .bg-color-2 .contentbox .formbox .deliverydata .left{width:100%;}
    .page-content.orderdetail .bg-color-2 .contentbox .formbox .deliverydata .right{width:100%;}
    .page-content.orderdetail .bg-color-2 .contentbox .formbox .orderdata ul li{width:100%;}
    .page-content.orderdetail .bg-color-2 .contentbox .formbox .orderdata ul li span.text{width:45%;}
    .page-content.orderdetail .bg-color-2 .contentbox .formbox .orderdata ul li span.datatext{width:55%;}
    .page-content.orderdetail .bg-color-2 .contentbox .formbox .deliverydata ul li span.text{width:45%;}
    .page-content.orderdetail .bg-color-2 .contentbox .formbox .deliverydata ul li span.datatext{width:55%;}
    .page-content.orderdetail .bg-color-2 .contentbox .btnbox a{font-size:16px;padding:6px 5px;}
    .page-content.orderdetail .bg-color-2 .contentbox .formbox .productdetaildata .bottombox .noticebox{width:100%;margin-bottom: 20px;}
    .page-content.orderdetail .bg-color-2 .contentbox .formbox .productdetaildata .bottombox .orderlist{width:100%;padding:0;}
    .page-content.orderdetail .bg-color-2 .contentbox .formbox .productdetaildata .bottombox .orderlist ul li span{font-size:16px;}
    .page-content.orderdetail .bg-color-2 .contentbox .formbox .productdetaildata .bottombox .orderlist ul li span.left{width:65%;}
    .page-content.orderdetail .bg-color-2 .contentbox .formbox .productdetaildata .bottombox .orderlist ul li span.right{width:35%;}
}

@media (max-width: 480px) {
    .page-content.orderdetail .bg-color-2 .contentbox .formbox .inputlist ul li{width:100%;}
    .page-content.orderdetail .bg-color-2 .contentbox .formbox .inputlist ul li.twzipcodebox #twzipcode .twbox{padding:0 5px;}
}

/**************************
complete
**************************/
.page-content.complete{}
.page-content.complete .outside{padding:35px 0 0;}
.page-content.complete .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none;}
.page-content.complete .bg-color-2 .contentbox{padding:10px 10px;}
.page-content.complete .bg-color-2 .contentbox .breadcrumbsbox{background:#ffffff;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.complete .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{}
.page-content.complete .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.complete .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.complete .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.complete .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}
.page-content.complete .bg-color-2 .contentbox .insidebox{background:#ffffff;border:1px solid #dcdcdc;padding: 15px 30px;text-align:center;}
.page-content.complete .bg-color-2 .contentbox .insidebox .box{display:inline-block;width:100%;text-align: center;}
.page-content.complete .bg-color-2 .contentbox .insidebox .box span{display:inline-block;width:100%;font-weight:bold;font-size: 17px;    line-height: 30px;letter-spacing: 3px;}
.page-content.complete .bg-color-2 .contentbox .insidebox .box span.pagetitle{font-size: 22px;text-align: left;padding: 5px 20px;}
.page-content.complete .bg-color-2 .contentbox .insidebox .box .textbox{border:2px dotted #333333;padding: 30px 0;}
.page-content.complete .bg-color-2 .contentbox .insidebox .box .title{text-align:center;margin-bottom: 10px;}
.page-content.complete .bg-color-2 .contentbox .insidebox .box .title span{font-size: 22px;padding-bottom: 5px;width:auto;margin-right:10px;color: #333333;}
.page-content.complete .bg-color-2 .contentbox .insidebox .box .content{padding: 20px;margin-bottom: 30px;}
.page-content.complete .bg-color-2 .contentbox .insidebox .box .content span{margin-bottom:10px;}
.page-content.complete .bg-color-2 .contentbox .insidebox .box .content span.sp{margin-bottom:30px;}
.page-content.complete .bg-color-2 .contentbox .insidebox .box .content span.red{color: #e70010;/*text-decoration: underline;*/    width: auto;}
.page-content.complete .bg-color-2 .contentbox .insidebox .box .content a{font-size: 18px;color: #e70010;text-decoration: underline;}
.page-content.complete .bg-color-2 .contentbox .insidebox .box .btnbox{text-align:center;display:inline-block;width:100%;margin-bottom: 10px;}
.page-content.complete .bg-color-2 .contentbox .insidebox .box .btnbox a#summit{display:inline-block;padding: 5px 40px;text-decoration: none;font-size: 18px;border: 1px solid #e70010;color: #ffffff;background: #e70010;border-radius:4px;}
.page-content.complete .bg-color-2 .contentbox .insidebox .box .btnbox a#summit:hover{color: #e70010;background: #ffffff;}

@media (max-width: 1440px) {
    .page-content.complete .outside{padding:0 15px;}
}

@media (max-width: 1366px) {
    .page-content.complete .outside{padding:0 15px;}
}

@media (max-width: 1280px) {
    .page-content.complete .bg-color-2 .contentbox .insidebox .box{width:100%;padding:0 15px;}
}

@media (max-width: 1024px) {
    .page-content.complete .bg-color-2 .contentbox .insidebox .box{padding:0;}
}


@media (max-width: 768px) {
    .page-content.complete .outside{padding:0 15px;}
}
@media (max-width: 640px) {
    .page-content.complete .bg-color-2 .contentbox .insidebox{padding:10px 15px;}
    .page-content.complete .bg-color-2 .contentbox .insidebox .box .content{padding:10px 0;}
    .page-content.complete .bg-color-2 .contentbox .insidebox .box .content span.sp{margin-bottom:10px;}

}
@media (max-width: 480px) {
    .page-content.complete .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a#summitlogin {margin: 0;}
    .page-content.complete .bg-color-2 .contentbox .insidebox .box span.pagetitle{text-align:center;}
    .page-content.complete .bg-color-2 .contentbox .insidebox .box .textbox{border:none;}
    
}
@media (max-width: 359px) {
    .page-content.complete .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a {width:100%;}
    .page-content.complete .bg-color-2 .contentbox .insidebox .box .loginbox .btnbox a#summitlogin{margin-bottom:10px;}
}

/**************************
faq
**************************/
.page-content.faq{}
.page-content.faq .outside{padding: 20px 0;}
.page-content.faq .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none; padding:20px 0;}
.page-content.faq .bg-color-2 .menulist{width:25%;padding:10px 7.5px 10px 15px;}
.page-content.faq .bg-color-2 .menulist .panel-group .panel {border:none;}
.page-content.faq .bg-color-2 .menulist .panel-group .panel .panel-heading{background:#ffffff;padding:0;}
.page-content.faq .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{border-top: 5px solid #e70010;border-bottom: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;text-decoration: none;display:inline-block;padding:10px 15px;width:100%;}
.page-content.faq .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{display:inline-block;font-size:20px;vertical-align: middle;font-weight: bold;padding:0 5px;}
.page-content.faq .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title i{display:inline-block;font-size:25px;vertical-align: middle;}
.page-content.faq .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0 10px 20px 10px;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.page-content.faq .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body{border-top:none;padding:0;}
.page-content.faq .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav{}
.page-content.faq .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li{border-bottom:1px solid #dcdcdc;}
.page-content.faq .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{font-size:16px;color:#333333;padding: 10px 20px 10px 20px;}
.page-content.faq .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:hover{color:#ffffff;background:#e70010}
.page-content.faq .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:focus{color:#e70010;font-weight:bold;}
.page-content.faq .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li.active a{color:#e70010;font-weight:bold;}
.page-content.faq .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li.active:hover a{color:#ffffff;background:#e70010}
.page-content.faq .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav{padding: 0 0 10px 0;width:100%;display:none;}
.page-content.faq .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav.active{display:inline-block;}
.page-content.faq .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0 40px;border-bottom:none;}
.page-content.faq .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a {border-left: 1px solid #dcdcdc;text-decoration: none;display: inline-block;width: 100%;padding:10px 10px 10px 25px;}
.page-content.faq .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li:hover a{color:#e70010;}
.page-content.faq .bg-color-2 .contentbox{width:75%;padding:10px 15px 10px 7.5px;}
.page-content.faq .bg-color-2 .contentbox .breadcrumbsbox{background:#ffffff;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.faq .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{}
.page-content.faq .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.faq .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.faq .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.faq .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}
.page-content.faq .bg-color-2 .contentbox .banner{margin-bottom: 30px;}
.page-content.faq .bg-color-2 .contentbox .banner img{width:100%;}
.page-content.faq .bg-color-2 .contentbox .faqbox{background:#ffffff;border:1px solid #dcdcdc;padding:15px 15px;margin-bottom:10px;}
.page-content.faq .bg-color-2 .contentbox .faqbox .iconbox{border-bottom:2px dotted #333333;padding-bottom: 3px;}
.page-content.faq .bg-color-2 .contentbox .faqbox .iconbox i{font-size:30px;display: inline-block;vertical-align: top;line-height: normal;}
.page-content.faq .bg-color-2 .contentbox .faqbox .iconbox i:before{display: inline-block;vertical-align: top;}
.page-content.faq .bg-color-2 .contentbox .faqbox .iconbox span{font-size:24px;display: inline-block;vertical-align: bottom;padding: 0 10px;}
.page-content.faq .bg-color-2 .contentbox .faqbox .faqlist{padding: 20px 30px;}
.page-content.faq .bg-color-2 .contentbox .faqbox .faqlist ul{display:inline-block;width:100%;}
.page-content.faq .bg-color-2 .contentbox .faqbox .faqlist ul li{display:inline-block;width:100%;margin-bottom:30px;margin-bottom: 20px;}
.page-content.faq .bg-color-2 .contentbox .faqbox .faqlist ul li .question{display:inline-block;width:100%;margin-bottom:20px;}
.page-content.faq .bg-color-2 .contentbox .faqbox .faqlist ul li .question span{font-size:20px;font-family: serif,Microsoft JhengHei;line-height: 30px;letter-spacing: 3px;}
.page-content.faq .bg-color-2 .contentbox .faqbox .faqlist ul li .answer{display:inline-block;width:100%;}
.page-content.faq .bg-color-2 .contentbox .faqbox .faqlist ul li .answer p{text-indent:0;font-size:18px;margin-bottom:10px;line-height: 30px;letter-spacing: 3px;}
.page-content.faq .bg-color-2 .contentbox .faqbox .faqlist ul li .answer span{font-size:18px;margin-bottom:10px;display:inline-block;}
.page-content.faq .bg-color-2 .contentbox .faqbox .faqlist ul li .answer ul{}
.page-content.faq .bg-color-2 .contentbox .faqbox .faqlist ul li .answer ul li{}
.page-content.faq .bg-color-2 .contentbox .faqbox .faqlist ul li .answer ul li p{text-indent:0;font-size:18px;margin-bottom:10px;line-height: 30px;letter-spacing: 3px;}
.page-content.faq .bg-color-2 .contentbox .faqbox .faqlist ul li .answer td,
.page-content.faq .bg-color-2 .contentbox .faqbox .faqlist ul li .answer th{font-size:18px;margin-bottom:10px;line-height: 30px;letter-spacing: 3px;}
.page-content.faq .bg-color-2 .contentbox .faqbox .backbox{text-align:right;}
.page-content.faq .bg-color-2 .contentbox .faqbox .backbox a{text-decoration:none;display:inline-block;color:#333333;}
.page-content.faq .bg-color-2 .contentbox .faqbox .backbox a:hover{color:#e70010;}
.page-content.faq .bg-color-2 .contentbox .faqbox .backbox a span{font-size:20px;display:inline-block;padding:0 10px;font-weight:bold;vertical-align:middle;}
.page-content.faq .bg-color-2 .contentbox .faqbox .backbox a i{font-size:25px;font-weight:bold;vertical-align:top;}
.page-content.faq .bg-color-2 .contentbox .faqbox .backbox a i:before{vertical-align:top;}
@media (max-width: 1680px) {
    .page-content.faq .bg-color-2 .contentbox .productbox ul li{padding:0 7.5px;}
}

@media (max-width: 1440px) {
    .page-content.faq .bg-color-2 .contentbox .productbox ul li .title{height: 50px;}
    .page-content.faq .bg-color-2 .contentbox .productbox ul li .title span{font-size:18px;}
    .page-content.faq .bg-color-2 .contentbox .productbox ul li .btnbox a{font-size:16px;}
    .page-content.faq .bg-color-2 .contentbox .productbox ul li .btnbox span{font-size:24px;}
    .page-content.faq .outside{padding: 20px 15px;}
    .page-content.faq .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0 15px;}
    .page-content.faq .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 20px 10px 20px;}
}

@media (max-width: 1366px) {
    .page-content.faq .outside{padding: 20px 15px;}
    .page-content.faq .bg-color-2{padding:0 0 20px;}
    .page-content.faq .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 25px;}
}

@media (max-width: 1024px) {
    .page-content.faq .bg-color-2 .menulist{padding:0 7.5px;}
    .page-content.faq .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{padding:10px;}
    .page-content.faq .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{padding:0;}
    .page-content.faq .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px;}
    .page-content.faq .bg-color-2 .contentbox{padding:0 7.5px;}
    .page-content.faq .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a{padding: 10px 10px 10px 10px;border-left:none;}
    .page-content.faq .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0;}
    .page-content.faq .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0;}
    .page-content.faq .bg-color-2 .contentbox .productbox ul li .salebox{right: 7.5px;width: 100%;text-align: right;}
    .page-content.faq .bg-color-2 .contentbox .productbox ul li .salebox img{width:40%;}
    .page-content.faq .bg-color-2 .contentbox .productbox ul li .btnbox span{font-size:20px;}
}

@media (max-width: 768px) {
    .page-content.faq .bg-color-2 .menulist {display: inline-block;width:100%;}
    .page-content.faq .bg-color-2 .contentbox{width:100%;}
    .page-content.faq .bg-color-2 .contentbox .productbox ul li{padding:0 10px;}
    .page-content.faq .bg-color-2 .contentbox .productbox .arrowbox .pagination li{padding:0;}
    .page-content.faq .bg-color-2 .contentbox .faqbox .faqlist{padding: 15px 10px;}
}

@media (max-width: 640px) {
    .page-content.faq .bg-color-2 .contentbox .productbox ul li .title{height:auto;}
    .page-content.faq .bg-color-2 .contentbox .productbox .arrowbox .pagination{padding:0;}
    .page-content.faq .bg-color-2 .contentbox .productbox .arrowbox{text-align: center;}
    .page-content.faq .bg-color-2 .contentbox .faqbox .faqlist{padding: 15px 0;}
}

@media (max-width: 480px) {
    .page-content.faq .bg-color-2 .contentbox .productbox ul li{padding:0 5px;}
    .page-content.faq .bg-color-2 .contentbox .productbox ul li .salebox{right:5px;}
    .page-content.faq .bg-color-2 .contentbox .productbox ul li .title{height:70px;}
    .page-content.faq .bg-color-2 .contentbox .productbox ul li .btnbox span{width:100%;}
    .page-content.faq .bg-color-2 .contentbox .productbox ul li .btnbox a{width:100%;}
}

/**************************
rule
**************************/
.page-content.rule{}
.page-content.rule .outside{padding: 20px 0;}
.page-content.rule .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none; padding:20px 0;}
.page-content.rule .bg-color-2 .menulist{width:20%;}
.page-content.rule .bg-color-2 .menulist .panel-group .panel {border:none;}
.page-content.rule .bg-color-2 .menulist .panel-group .panel .panel-heading{background:#ffffff;padding:0;}
.page-content.rule .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{border-top: 5px solid #e70010;border-bottom: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;text-decoration: none;display:inline-block;padding:10px 15px;width:100%;}
.page-content.rule .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{display:inline-block;font-size:20px;vertical-align: middle;font-weight: bold;padding:0 5px;}
.page-content.rule .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title i{display:inline-block;font-size:25px;vertical-align: middle;}
.page-content.rule .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0 10px 20px 10px;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.page-content.rule .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body{border-top:none;padding:0;}
.page-content.rule .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav{}
.page-content.rule .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li{border-bottom:1px solid #dcdcdc;}
.page-content.rule .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{font-size:16px;color:#333333;padding: 10px 30px 10px 30px;}
.page-content.rule .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:hover{color:#ffffff;background:#e70010;}
.page-content.rule .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:focus{color:#e70010;font-weight:bold;}
.page-content.rule .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li.active a{color:#e70010;font-weight:bold;}
.page-content.rule .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav{padding: 0 0 10px 0;width:100%;display:none;}
.page-content.rule .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav.active{display:inline-block;}
.page-content.rule .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0 40px;border-bottom:none;}
.page-content.rule .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a {border-left: 1px solid #dcdcdc;text-decoration: none;display: inline-block;width: 100%;padding:10px 10px 10px 25px;}
.page-content.rule .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li:hover a{color:#e70010;}
.page-content.rule .bg-color-2 .contentbox{width:80%;}
.page-content.rule .bg-color-2 .contentbox .breadcrumbsbox{background:#ffffff;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.rule .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{}
.page-content.rule .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.rule .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.rule .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.rule .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}
.page-content.rule .bg-color-2 .contentbox .banner{margin-bottom: 30px;}
.page-content.rule .bg-color-2 .contentbox .banner img{width:100%;}
.page-content.rule .bg-color-2 .contentbox .rulebox{background:#ffffff;border:1px solid #dcdcdc;padding:15px 15px;margin-bottom:10px;}
.page-content.rule .bg-color-2 .contentbox .rulebox .iconbox{border-bottom:2px dotted #333333;padding-bottom: 3px;}
.page-content.rule .bg-color-2 .contentbox .rulebox .iconbox i{font-size:30px;display: inline-block;vertical-align: top;line-height: normal;}
.page-content.rule .bg-color-2 .contentbox .rulebox .iconbox i:before{display: inline-block;vertical-align: top;}
.page-content.rule .bg-color-2 .contentbox .rulebox .iconbox span{font-size:24px;display: inline-block;vertical-align: bottom;padding: 0 10px;}
.page-content.rule .bg-color-2 .contentbox .rulebox .rulelist{padding: 20px 30px;}
.page-content.rule .bg-color-2 .contentbox .rulebox .rulelist p{text-indent:0;font-size:18px;letter-spacing: 3px;line-height: 30px;}
.page-content.rule .bg-color-2 .contentbox .rulebox .rulelist span{font-size:18px;display:inline-block;margin-bottom:5px;letter-spacing: 3px;line-height: 30px;}
.page-content.rule .bg-color-2 .contentbox .rulebox .rulelist span.bold{font-weight:bolder;width:100%;}
.page-content.rule .bg-color-2 .contentbox .rulebox .rulelist span.text-big{font-size:22px;}
.page-content.rule .bg-color-2 .contentbox .rulebox .rulelist a{font-weight:bold;text-decoration:none;}
.page-content.rule .bg-color-2 .contentbox .rulebox .rulelist .title{font-size:18px;display:inline-block;margin-bottom:20px;}
.page-content.rule .bg-color-2 .contentbox .rulebox .rulelist ul{}
.page-content.rule .bg-color-2 .contentbox .rulebox .rulelist ul li{font-size:0;margin-bottom:15px;}
.page-content.rule .bg-color-2 .contentbox .rulebox .rulelist ul li span{font-size:18px;display:inline-block;width:100%;vertical-align: top;margin-bottom:5px;}
.page-content.rule .bg-color-2 .contentbox .rulebox .rulelist ul li span.left{width:22%;}
.page-content.rule .bg-color-2 .contentbox .rulebox .rulelist ul li span.right{width:78%;}
.page-content.rule .bg-color-2 .contentbox .rulebox .rulelist ul li .bold{font-weight:bold;}
.page-content.rule .bg-color-2 .contentbox .rulebox .backbox{text-align:right;}
.page-content.rule .bg-color-2 .contentbox .rulebox .backbox a{text-decoration:none;display:inline-block;color:#333333;}
.page-content.rule .bg-color-2 .contentbox .rulebox .backbox a:hover{color:#e70010;}
.page-content.rule .bg-color-2 .contentbox .rulebox .backbox a span{font-size:20px;display:inline-block;padding:0 10px;font-weight:bold;vertical-align:middle;}
.page-content.rule .bg-color-2 .contentbox .rulebox .backbox a i{font-size:25px;font-weight:bold;vertical-align:top;}
.page-content.rule .bg-color-2 .contentbox .rulebox .backbox a i:before{vertical-align:top;}
@media (max-width: 1680px) {
    .page-content.rule .bg-color-2 .contentbox .productbox ul li{padding:0 7.5px;}
}

@media (max-width: 1440px) {
    .page-content.rule .bg-color-2 .contentbox .productbox ul li .title{height: 50px;}
    .page-content.rule .bg-color-2 .contentbox .productbox ul li .title span{font-size:18px;}
    .page-content.rule .bg-color-2 .contentbox .productbox ul li .btnbox a{font-size:16px;}
    .page-content.rule .bg-color-2 .contentbox .productbox ul li .btnbox span{font-size:24px;}
    .page-content.rule .outside{padding: 20px 15px;}
    .page-content.rule .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0 15px;}
    .page-content.rule .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 20px 10px 20px;}
}

@media (max-width: 1366px) {
    .page-content.rule .outside{padding: 20px 15px;}
    .page-content.rule .bg-color-2{padding:0 0 20px;}
    .page-content.rule .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 25px;}
}

@media (max-width: 1024px) {
    .page-content.rule .bg-color-2 .menulist{padding:0 7.5px;}
    .page-content.rule .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{padding:10px;}
    .page-content.rule .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{padding:0;}
    .page-content.rule .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px;}
    .page-content.rule .bg-color-2 .contentbox{padding:0 7.5px;}
    .page-content.rule .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a{padding: 10px 10px 10px 10px;border-left:none;}
    .page-content.rule .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0;}
    .page-content.rule .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0;}
    .page-content.rule .bg-color-2 .contentbox .productbox ul li .salebox{right: 7.5px;width: 100%;text-align: right;}
    .page-content.rule .bg-color-2 .contentbox .productbox ul li .salebox img{width:40%;}
    .page-content.rule .bg-color-2 .contentbox .productbox ul li .btnbox span{font-size:20px;}
	.page-content.rule .bg-color-2 .contentbox .rulebox .rulelist ul li span.left{width:26%;}
	.page-content.rule .bg-color-2 .contentbox .rulebox .rulelist ul li span.right{width:74%;}
}

@media (max-width: 768px) {
    .page-content.rule .bg-color-2 .menulist {display: inline-block;width:100%;}
    .page-content.rule .bg-color-2 .contentbox{width:100%;}
    .page-content.rule .bg-color-2 .contentbox .productbox ul li{padding:0 10px;}
    .page-content.rule .bg-color-2 .contentbox .productbox .arrowbox .pagination li{padding:0;}
    .page-content.rule .bg-color-2 .contentbox .rulebox .rulelist{padding: 15px 10px;}
    .page-content.rule .bg-color-2 .contentbox .rulebox .rulelist ul li span.left{width:100%;}
    .page-content.rule .bg-color-2 .contentbox .rulebox .rulelist ul li span.right{width:100%;}
}

@media (max-width: 640px) {
    .page-content.rule .bg-color-2 .contentbox .productbox ul li .title{height:auto;}
    .page-content.rule .bg-color-2 .contentbox .productbox .arrowbox .pagination{padding:0;}
    .page-content.rule .bg-color-2 .contentbox .productbox .arrowbox{text-align: center;}
    .page-content.rule .bg-color-2 .contentbox .rulebox .rulelist{padding: 15px 0;}
}

@media (max-width: 480px) {
    .page-content.rule .bg-color-2 .contentbox .productbox ul li{padding:0 5px;}
    .page-content.rule .bg-color-2 .contentbox .productbox ul li .salebox{right:5px;}
    .page-content.rule .bg-color-2 .contentbox .productbox ul li .title{height:70px;}
    .page-content.rule .bg-color-2 .contentbox .productbox ul li .btnbox span{width:100%;}
    .page-content.rule .bg-color-2 .contentbox .productbox ul li .btnbox a{width:100%;}
}

/**************************
paymethod
**************************/
.page-content.paymethod{}
.page-content.paymethod .outside{padding: 20px 0;}
.page-content.paymethod .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none; padding:20px 0;}
.page-content.paymethod .bg-color-2 .menulist{width:25%;padding:10px 7.5px 10px 15px;}
.page-content.paymethod .bg-color-2 .menulist .panel-group .panel {border:none;}
.page-content.paymethod .bg-color-2 .menulist .panel-group .panel .panel-heading{background:#ffffff;padding:0;}
.page-content.paymethod .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{border-top: 5px solid #e70010;border-bottom: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;text-decoration: none;display:inline-block;padding:10px 15px;width:100%;}
.page-content.paymethod .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{display:inline-block;font-size:20px;vertical-align: middle;font-weight: bold;padding:0 5px;}
.page-content.paymethod .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title i{display:inline-block;font-size:25px;vertical-align: middle;}
.page-content.paymethod .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0 10px 20px 10px;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.page-content.paymethod .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body{border-top:none;padding:0;}
.page-content.paymethod .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav{}
.page-content.paymethod .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li{border-bottom:1px solid #dcdcdc;}
.page-content.paymethod .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{font-size:16px;color:#333333;padding: 10px 20px 10px 20px;}
.page-content.paymethod .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:hover{color:#ffffff;background:#e70010;}
.page-content.paymethod .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:focus{color:#e70010;font-weight:bold;}
.page-content.paymethod .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li.active a{color:#e70010;font-weight:bold;}
.page-content.paymethod .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li.active:hover a{color:#ffffff;background:#e70010;}
.page-content.paymethod .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav{padding: 0 0 10px 0;width:100%;display:none;}
.page-content.paymethod .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav.active{display:inline-block;}
.page-content.paymethod .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0 40px;border-bottom:none;}
.page-content.paymethod .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a {border-left: 1px solid #dcdcdc;text-decoration: none;display: inline-block;width: 100%;padding:10px 10px 10px 25px;}
.page-content.paymethod .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li:hover a{color:#e70010;}
.page-content.paymethod .bg-color-2 .contentbox{width:75%;padding:10px 15px 10px 7.5px;}

.page-content.paymethod .bg-color-2 .contentbox .breadcrumbsbox{background:#ffffff;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.paymethod .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{}
.page-content.paymethod .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.paymethod .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.paymethod .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.paymethod .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}
.page-content.paymethod .bg-color-2 .contentbox .banner{margin-bottom: 30px;}
.page-content.paymethod .bg-color-2 .contentbox .banner img{width:100%;}
.page-content.paymethod .bg-color-2 .contentbox .paymethodbox{background:#ffffff;border:1px solid #dcdcdc;padding:15px 15px;margin-bottom:10px;}
.page-content.paymethod .bg-color-2 .contentbox.return .paymethodbox{padding:10px 15px 15px;}
.page-content.paymethod .bg-color-2 .contentbox .paymethodbox .iconbox{border-bottom:2px dotted #333333;padding-bottom: 3px;}
.page-content.paymethod .bg-color-2 .contentbox .paymethodbox .iconbox i{font-size:30px;display: inline-block;vertical-align: top;line-height: normal;}
.page-content.paymethod .bg-color-2 .contentbox .paymethodbox .iconbox i.icon-box{font-size:40px;line-height: 0;}
.page-content.paymethod .bg-color-2 .contentbox .paymethodbox .iconbox i:before{display: inline-block;vertical-align: top;}
.page-content.paymethod .bg-color-2 .contentbox .paymethodbox .iconbox span{font-size:24px;display: inline-block;vertical-align: bottom;padding: 0 10px;}
.page-content.paymethod .bg-color-2 .contentbox .paymethodbox .iconbox span.returns{padding: 0;}
.page-content.paymethod .bg-color-2 .contentbox .paymethodbox .paymethodlist{padding: 20px 30px;}
.page-content.paymethod .bg-color-2 .contentbox .paymethodbox .paymethodlist a{font-weight:bold;}
.page-content.paymethod .bg-color-2 .contentbox .paymethodbox .paymethodlist p{text-indent:0;font-size:18px;line-height: 30px;letter-spacing: 3px;}
.page-content.paymethod .bg-color-2 .contentbox .paymethodbox .paymethodlist span{font-size:18px;display:inline-block;margin-bottom:5px;line-height: 30px;letter-spacing: 3px;}
.page-content.paymethod .bg-color-2 .contentbox .paymethodbox .paymethodlist .title{font-size:18px;display:inline-block;margin-bottom:20px;width:100%;line-height: 30px;letter-spacing: 3px;}
.page-content.paymethod .bg-color-2 .contentbox .paymethodbox .paymethodlist img{margin-bottom:10px;}
.page-content.paymethod .bg-color-2 .contentbox .paymethodbox .paymethodlist ul{}
.page-content.paymethod .bg-color-2 .contentbox .paymethodbox .paymethodlist ul li{font-size:0;margin-bottom:15px;}
.page-content.paymethod .bg-color-2 .contentbox .paymethodbox .paymethodlist ul li span{font-size:18px;display:inline-block;width:100%;vertical-align: top;margin-bottom:5px;}
.page-content.paymethod .bg-color-2 .contentbox .paymethodbox .paymethodlist ul li span.left{width:10%;}
.page-content.paymethod .bg-color-2 .contentbox .paymethodbox .paymethodlist ul li span.right{width:90%;}
.page-content.paymethod .bg-color-2 .contentbox .paymethodbox .paymethodlist ul li .bold{font-weight:bold;}
.page-content.paymethod .bg-color-2 .contentbox .paymethodbox .paymethodlist table{border: 1px solid #333333;width: 100%;margin-bottom:10px;}
.page-content.paymethod .bg-color-2 .contentbox .paymethodbox .paymethodlist table>thead>tr{border-bottom: 1px solid #333333;}
.page-content.paymethod .bg-color-2 .contentbox .paymethodbox .paymethodlist table>thead>tr>th{background:#009966;color:#ffffff;text-align:center;border:none;border-right:1px solid #333333;font-size: 18px;vertical-align: middle;padding: 5px;}
.page-content.paymethod .bg-color-2 .contentbox .paymethodbox .paymethodlist table>thead>tr>th:last-child{border:none;}
.page-content.paymethod .bg-color-2 .contentbox .paymethodbox .paymethodlist table>tbody>tr{border-bottom: 1px solid #333333;}
.page-content.paymethod .bg-color-2 .contentbox .paymethodbox .paymethodlist table>tbody>tr:last-child{border:none;}
.page-content.paymethod .bg-color-2 .contentbox .paymethodbox .paymethodlist table>tbody>tr>td{text-align:center;border:none;border-right:1px solid #333333;font-size: 18px;min-width:100px;vertical-align: middle;padding: 5px;}
.page-content.paymethod .bg-color-2 .contentbox .paymethodbox .paymethodlist table>tbody>tr>td:last-child{border:none;}
.page-content.paymethod .bg-color-2 .contentbox .paymethodbox .backbox{text-align:right;margin-top:200px;}
.page-content.paymethod .bg-color-2 .contentbox .paymethodbox .backbox a{text-decoration:none;display:inline-block;color:#333333;}
.page-content.paymethod .bg-color-2 .contentbox .paymethodbox .backbox a:hover{color:#e70010;}
.page-content.paymethod .bg-color-2 .contentbox .paymethodbox .backbox a span{font-size:20px;display:inline-block;padding:0 10px;font-weight:bold;vertical-align:middle;}
.page-content.paymethod .bg-color-2 .contentbox .paymethodbox .backbox a i{font-size:25px;font-weight:bold;vertical-align:top;}
.page-content.paymethod .bg-color-2 .contentbox .paymethodbox .backbox a i:before{vertical-align:top;}
@media (max-width: 1680px) {
    .page-content.paymethod .bg-color-2 .contentbox .productbox ul li{padding:0 7.5px;}
}

@media (max-width: 1440px) {
    .page-content.paymethod .bg-color-2 .contentbox .productbox ul li .title{height: 50px;}
    .page-content.paymethod .bg-color-2 .contentbox .productbox ul li .title span{font-size:18px;}
    .page-content.paymethod .bg-color-2 .contentbox .productbox ul li .btnbox a{font-size:16px;}
    .page-content.paymethod .bg-color-2 .contentbox .productbox ul li .btnbox span{font-size:24px;}
    .page-content.paymethod .outside{padding: 20px 15px;}
    .page-content.paymethod .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0 15px;}
    .page-content.paymethod .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 20px 10px 20px;}
    .page-content.paymethod .bg-color-2 .contentbox .paymethodbox .backbox{margin-top:150px;}
}

@media (max-width: 1366px) {
    .page-content.paymethod .outside{padding: 20px 15px;}
    .page-content.paymethod .bg-color-2{padding:0 0 20px;}
    .page-content.paymethod .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 25px;}
}

@media (max-width: 1024px) {
    .page-content.paymethod .bg-color-2 .menulist{padding:0 7.5px;}
    .page-content.paymethod .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{padding:10px;}
    .page-content.paymethod .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{padding:0;}
    .page-content.paymethod .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px;}
    .page-content.paymethod .bg-color-2 .contentbox{padding:0 7.5px;}
    .page-content.paymethod .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a{padding: 10px 10px 10px 10px;border-left:none;}
    .page-content.paymethod .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0;}
    .page-content.paymethod .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0;}
    .page-content.paymethod .bg-color-2 .contentbox .productbox ul li .salebox{right: 7.5px;width: 100%;text-align: right;}
    .page-content.paymethod .bg-color-2 .contentbox .productbox ul li .salebox img{width:40%;}
    .page-content.paymethod .bg-color-2 .contentbox .productbox ul li .btnbox span{font-size:20px;}
    .page-content.paymethod .bg-color-2 .contentbox .paymethodbox .paymethodlist img{width:100%;}
}

@media (max-width: 768px) {
    .page-content.paymethod .bg-color-2 .menulist {display: inline-block;width:100%;}
    .page-content.paymethod .bg-color-2 .contentbox .paymethodbox .paymethodlist{padding: 15px 10px;}
    .page-content.paymethod .bg-color-2 .contentbox .paymethodbox .paymethodlist ul li span.left{width:100%;}
    .page-content.paymethod .bg-color-2 .contentbox .paymethodbox .paymethodlist ul li span.right{width:100%;}
    .page-content.paymethod .bg-color-2 .contentbox .paymethodbox .backbox{margin-top:50px;}
}

@media (max-width: 640px) {
    .page-content.paymethod .bg-color-2 .contentbox .paymethodbox .paymethodlist{padding: 15px 0;}
}

@media (max-width: 480px) {

}

/**************************
about
**************************/
.page-content.about{}
.page-content.about .outside{padding: 20px 0;}
.page-content.about .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none;padding:20px 0;}
.page-content.about .bg-color-2 .menulist{width:25%;padding:10px 7.5px 10px 15px;}
.page-content.about .bg-color-2 .menulist .panel-group .panel {border:none;}
.page-content.about .bg-color-2 .menulist .panel-group .panel .panel-heading{background:#ffffff;padding:0;}
.page-content.about .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{border-top: 5px solid #e70010;border-bottom: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;text-decoration: none;display:inline-block;padding:10px 15px;width:100%;}
.page-content.about .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{display:inline-block;font-size:20px;vertical-align: middle;font-weight: bold;padding:0 5px;}
.page-content.about .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title i{display:inline-block;font-size:25px;vertical-align: middle;}
.page-content.about .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0 10px 20px 10px;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.page-content.about .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body{border-top:none;padding:0;}
.page-content.about .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav{}
.page-content.about .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li{border-bottom:1px solid #dcdcdc;}
.page-content.about .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{font-size:16px;color:#333333;padding: 10px 30px 10px 30px;}
.page-content.about .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:hover{color:#ffffff;background:#e70010;}
.page-content.about .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:focus{color:#e70010;font-weight:bold;}
.page-content.about .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li.active a{color:#e70010;font-weight:bold;}
.page-content.about .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li.active:hover a{color:#ffffff;background:#e70010;}
.page-content.about .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav{padding: 0 0 10px 0;width:100%;display:none;}
.page-content.about .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav.active{display:inline-block;}
.page-content.about .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0 40px;border-bottom:none;}
.page-content.about .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a {border-left: 1px solid #dcdcdc;text-decoration: none;display: inline-block;width: 100%;padding:10px 10px 10px 25px;}
.page-content.about .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li:hover a{color:#e70010;}
.page-content.about .bg-color-2 .contentbox{width:75%;padding:10px 15px 10px 7.5px;}
.page-content.about .bg-color-2 .contentbox .breadcrumbsbox{background:#ffffff;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.about .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{}
.page-content.about .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.about .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.about .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.about .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}
.page-content.about .bg-color-2 .contentbox .banner{margin-bottom: 30px;}
.page-content.about .bg-color-2 .contentbox .banner img{width:100%;}
.page-content.about .bg-color-2 .contentbox .aboutbox{background:#ffffff;border:1px solid #dcdcdc;padding:15px 15px;margin-bottom:10px;}
.page-content.about .bg-color-2 .contentbox .aboutbox .iconbox{border-bottom:2px dotted #333333;padding-bottom: 3px;}
.page-content.about .bg-color-2 .contentbox .aboutbox .iconbox i{font-size:30px;display: inline-block;vertical-align: top;line-height: normal;}
.page-content.about .bg-color-2 .contentbox .aboutbox .iconbox i.icon-box{font-size:40px;line-height: 0;}
.page-content.about .bg-color-2 .contentbox .aboutbox .iconbox i:before{display: inline-block;vertical-align: top;}
.page-content.about .bg-color-2 .contentbox .aboutbox .iconbox span{font-size:24px;display: inline-block;vertical-align: bottom;padding: 0 10px;}
.page-content.about .bg-color-2 .contentbox .aboutbox .aboutlist{padding: 20px 30px;}
.page-content.about .bg-color-2 .contentbox .aboutbox .aboutlist .box{display:inline-block;width:100%;font-size:0;margin-bottom:50px;}
.page-content.about .bg-color-2 .contentbox .aboutbox .aboutlist .box .textbox{display:inline-block;width:45%;vertical-align:top;}
.page-content.about .bg-color-2 .contentbox .aboutbox .aboutlist .box .textbox p{text-indent:0;font-size:18px;line-height: 30px;letter-spacing: 3px;text-align: left;}
.page-content.about .bg-color-2 .contentbox .aboutbox .aboutlist .box .articlebox{display:inline-block;width:100%;vertical-align:top;}
.page-content.about .bg-color-2 .contentbox .aboutbox .aboutlist .box .articlebox p{text-indent:0;font-size:18px;line-height: 30px;letter-spacing: 3px;text-align: justify;text-justify: inter-ideograph;}
.page-content.about .bg-color-2 .contentbox .aboutbox .aboutlist .box .imgbox{display:inline-block;width:55%;vertical-align:top;text-align:center;    padding: 0 10px;}
.page-content.about .bg-color-2 .contentbox .aboutbox .aboutlist .box .imgbox img{width:100%;}
.page-content.about .bg-color-2 .contentbox .aboutbox .aboutlist .box.two{margin:0;}
.page-content.about .bg-color-2 .contentbox .aboutbox .aboutlist .box.two .textbox{width:55%;}
.page-content.about .bg-color-2 .contentbox .aboutbox .aboutlist .box.two .imgbox{width:45%;padding: 0 10px;}
.page-content.about .bg-color-2 .contentbox .aboutbox .aboutlist .box.three .textbox{width:100%;}
.page-content.about .bg-color-2 .contentbox .aboutbox .backbox{text-align:right;}
.page-content.about .bg-color-2 .contentbox .aboutbox .backbox a{text-decoration:none;display:inline-block;color:#333333;}
.page-content.about .bg-color-2 .contentbox .aboutbox .backbox a:hover{color:#e70010;}
.page-content.about .bg-color-2 .contentbox .aboutbox .backbox a span{font-size:20px;display:inline-block;padding:0 10px;font-weight:bold;vertical-align:middle;}
.page-content.about .bg-color-2 .contentbox .aboutbox .backbox a i{font-size:25px;font-weight:bold;vertical-align:top;}
.page-content.about .bg-color-2 .contentbox .aboutbox .backbox a i:before{vertical-align:top;}

@media (max-width: 1680px) {
}

@media (max-width: 1440px) {
    .page-content.about .outside{padding: 20px 15px;}
    .page-content.about .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0 15px;}
    .page-content.about .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 20px 10px 20px;}
    .page-content.about .bg-color-2 .contentbox .aboutbox .backbox{margin-top:150px;}
}

@media (max-width: 1366px) {
    .page-content.about .outside{padding: 20px 15px;}
    .page-content.about .bg-color-2{padding:0 0 20px;}
    .page-content.about .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 25px;}
    .page-content.about .bg-color-2 .contentbox .aboutbox .aboutlist .box.two .imgbox{padding:0 15px;}
    .page-content.about .bg-color-2 .contentbox .aboutbox .backbox{margin:0;}
}

@media (max-width: 1024px) {
    .page-content.about .bg-color-2 .menulist{padding:0 7.5px;}
    .page-content.about .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{padding:10px;}
    .page-content.about .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{padding:0;}
    .page-content.about .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px;}
    .page-content.about .bg-color-2 .contentbox{padding:0 7.5px;}
    .page-content.about .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a{padding: 10px 10px 10px 10px;border-left:none;}
    .page-content.about .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0;}
    .page-content.about .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0;}
    .page-content.about .bg-color-2 .contentbox .aboutbox .aboutlist img{width:100%;}
    .page-content.about .bg-color-2 .contentbox .aboutbox .aboutlist .box .textbox{width:50%;}
    .page-content.about .bg-color-2 .contentbox .aboutbox .aboutlist .box .imgbox{width:50%;}
    .page-content.about .bg-color-2 .contentbox .aboutbox .aboutlist .box.two .textbox{width:50%;}
    .page-content.about .bg-color-2 .contentbox .aboutbox .aboutlist .box.two .imgbox{width:50%;padding:0 15px 0 0;}
}

@media (max-width: 768px) {
    .page-content.about .bg-color-2 .menulist {display: inline-block;width:100%;}
    .page-content.about .bg-color-2 .contentbox{width:100%;}
    .page-content.about .bg-color-2 .contentbox .aboutbox .aboutlist{padding: 15px 10px;}
    .page-content.about .bg-color-2 .contentbox .aboutbox .aboutlist ul li span.left{width:100%;}
    .page-content.about .bg-color-2 .contentbox .aboutbox .aboutlist ul li span.right{width:100%;}
    .page-content.about .bg-color-2 .contentbox .aboutbox .backbox{margin-top:50px;}
    .page-content.about .bg-color-2 .contentbox .aboutbox .aboutlist .box .textbox{width:100%;}
    .page-content.about .bg-color-2 .contentbox .aboutbox .aboutlist .box .imgbox{width:100%;text-align: right;}
    .page-content.about .bg-color-2 .contentbox .aboutbox .aboutlist .box .imgbox img{width:auto;}
    .page-content.about .bg-color-2 .contentbox .aboutbox .aboutlist .box.two .textbox{width:100%;}
    .page-content.about .bg-color-2 .contentbox .aboutbox .aboutlist .box.two .imgbox{width:100%;padding:0 0 0 0;}
    .page-content.about .bg-color-2 .contentbox .aboutbox .aboutlist .box.two .imgbox img{width:auto;}
}

@media (max-width: 640px) {
    .page-content.about .bg-color-2 .contentbox .aboutbox .aboutlist{padding: 15px 0;}
    .page-content.about .bg-color-2 .contentbox .aboutbox .aboutlist .box{margin:0;}
    .page-content.about .bg-color-2 .contentbox .aboutbox .aboutlist .box .imgbox img{width:100%;}
    .page-content.about .bg-color-2 .contentbox .aboutbox .aboutlist .box.two .imgbox img{width:100%;}
}

@media (max-width: 480px) {
}

/**************************
abouthistory
**************************/
.page-content.abouthistory{}
.page-content.abouthistory .outside{padding: 20px 0;}
.page-content.abouthistory .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none;padding:20px 0;}
.page-content.abouthistory .bg-color-2 .menulist{width:25%;padding:10px 7.5px 10px 15px;}
.page-content.abouthistory .bg-color-2 .menulist .panel-group .panel {border:none;}
.page-content.abouthistory .bg-color-2 .menulist .panel-group .panel .panel-heading{background:#ffffff;padding:0;}
.page-content.abouthistory .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{border-top: 5px solid #e70010;border-bottom: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;text-decoration: none;display:inline-block;padding:10px 15px;width:100%;}
.page-content.abouthistory .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{display:inline-block;font-size:20px;vertical-align: middle;font-weight: bold;padding:0 5px;}
.page-content.abouthistory .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title i{display:inline-block;font-size:25px;vertical-align: middle;}
.page-content.abouthistory .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0 10px 20px 10px;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.page-content.abouthistory .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body{border-top:none;padding:0;}
.page-content.abouthistory .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav{}
.page-content.abouthistory .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li{border-bottom:1px solid #dcdcdc;}
.page-content.abouthistory .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{font-size:16px;color:#333333;padding: 10px 30px 10px 30px;}
.page-content.abouthistory .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:hover{color:#ffffff;background:#e70010;}
.page-content.abouthistory .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:focus{color:#e70010;font-weight:bold;}
.page-content.abouthistory .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li.active a{color:#e70010;font-weight:bold;}
.page-content.abouthistory .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li.active:hover a {color:#ffffff;background:#e70010;}
.page-content.abouthistory .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav{padding: 0 0 10px 0;width:100%;display:none;}
.page-content.abouthistory .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav.active{display:inline-block;}
.page-content.abouthistory .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0 40px;border-bottom:none;}
.page-content.abouthistory .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a {border-left: 1px solid #dcdcdc;text-decoration: none;display: inline-block;width: 100%;padding:10px 10px 10px 25px;}
.page-content.abouthistory .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li:hover a{color:#e70010;}
.page-content.abouthistory .bg-color-2 .contentbox{width:75%;padding:10px 15px 10px 7.5px;}
.page-content.abouthistory .bg-color-2 .contentbox .breadcrumbsbox{background:#ffffff;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.abouthistory .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{}
.page-content.abouthistory .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.abouthistory .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.abouthistory .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.abouthistory .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}
.page-content.abouthistory .bg-color-2 .contentbox .banner{margin-bottom: 30px;}
.page-content.abouthistory .bg-color-2 .contentbox .banner img{width:100%;}
.page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox{background:#ffffff;border:1px solid #dcdcdc;padding:15px 15px;margin-bottom:10px;}
.page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .iconbox{border-bottom:2px dotted #333333;padding-bottom: 3px;}
.page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .iconbox i{font-size:30px;display: inline-block;vertical-align: top;line-height: normal;}
.page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .iconbox i.icon-box{font-size:40px;line-height: 0;}
.page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .iconbox i:before{display: inline-block;vertical-align: top;}
.page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .iconbox span{font-size:24px;display: inline-block;vertical-align: bottom;padding: 0 10px;}
.page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .abouthistorylist{}
.page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .abouthistorylist .box{display:inline-block;width:100%;font-size:0;padding-bottom:20px;margin-bottom:20px;border-bottom:2px dotted #333333;    padding: 20px 30px;}
.page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .abouthistorylist .box .imgbox{display:inline-block;width:50%;vertical-align: top;}
.page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .abouthistorylist .box .imgbox ul li{display:inline-block;width:33.333333333%;padding:30px 0 10px;vertical-align: bottom;text-align:center;}
.page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .abouthistorylist .box .imgbox ul li img{width: 75%;}
.page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .abouthistorylist .box .textbox{display:inline-block;width:50%;vertical-align: top;}
.page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .abouthistorylist .box .textbox span.red{font-size:22px;font-weight:bold;color:#e70010;line-height: 30px;letter-spacing: 3px;display:inline-block;width:100%;margin-bottom:5px;}
.page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .abouthistorylist .box .textbox ul{}
.page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .abouthistorylist .box .textbox ul li{}
.page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .abouthistorylist .box .textbox ul li span{font-size:18px;line-height: 30px;letter-spacing: 3px;}
.page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .abouthistorylist .box .listbox{display:inline-block;width:100%;}
.page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .abouthistorylist .box .listbox ul{display:inline-block;width:100%;}
.page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .abouthistorylist .box .listbox ul li{display:inline-block;width:100%;}
.page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .abouthistorylist .box .listbox ul li p{font-size:18px;line-height: 30px;letter-spacing: 3px;text-indent:0;display:inline-block;width:100%;}
.page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .abouthistorylist .box .listbox ul li p span{display:inline-block;vertical-align: top;}
.page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .abouthistorylist .box .listbox ul li p span.year{width:7.5%;}
.page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .abouthistorylist .box .listbox ul li p span.content{width:92.5%;}
.page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .backbox{text-align:right;}
.page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .backbox a{text-decoration:none;display:inline-block;color:#333333;}
.page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .backbox a:hover{color:#e70010;}
.page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .backbox a span{font-size:20px;display:inline-block;padding:0 10px;font-weight:bold;vertical-align:middle;}
.page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .backbox a i{font-size:25px;font-weight:bold;vertical-align:top;}
.page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .backbox a i:before{vertical-align:top;}

@media (max-width: 1680px) {
}

@media (max-width: 1440px) {
    .page-content.abouthistory .outside{padding: 20px 15px;}
    .page-content.abouthistory .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0 15px;}
    .page-content.abouthistory .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 20px 10px 20px;}
    .page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .backbox{margin-top:150px;}
}

@media (max-width: 1366px) {
    .page-content.abouthistory .outside{padding: 20px 15px;}
    .page-content.abouthistory .bg-color-2{padding:0 0 20px;}
    .page-content.abouthistory .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 25px;}
    .page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .abouthistorylist .box.two .imgbox{padding:0 15px;}
    .page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .backbox{margin:0;}
}

@media (max-width: 1024px) {
    .page-content.abouthistory .bg-color-2 .menulist{padding:0 7.5px;}
    .page-content.abouthistory .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{padding:10px;}
    .page-content.abouthistory .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{padding:0;}
    .page-content.abouthistory .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px;}
    .page-content.abouthistory .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a{padding: 10px 10px 10px 10px;border-left:none;}
    .page-content.abouthistory .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0;}
    .page-content.abouthistory .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0;}
    .page-content.abouthistory .bg-color-2 .contentbox{padding:0 7.5px;}
    .page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .abouthistorylist .box .imgbox{vertical-align: bottom;}
    .page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .abouthistorylist .box .textbox span.red{font-size:20px;}
    .page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .abouthistorylist .box .listbox ul li p span.year{width:15%;}
    .page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .abouthistorylist .box .listbox ul li p span.content{width:85%;}
}

@media (max-width: 768px) {
    .page-content.abouthistory .bg-color-2 .menulist {display: inline-block;width:100%;}
    .page-content.abouthistory .bg-color-2 .contentbox{width:100%;}
    .page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .abouthistorylist{padding: 0 10px 15px;}
    .page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .abouthistorylist .box{padding: 10px 0;margin-bottom:0;}
    .page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .abouthistorylist .box .textbox{width:100%;}
    .page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .abouthistorylist .box .imgbox{width:100%;}
    .page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .backbox{margin-top:50px;}
}

@media (max-width: 640px) {
    .page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .abouthistorylist{padding: 0 0 15px;}
    .page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .abouthistorylist .box .listbox ul li{margin-bottom:10px;}
    .page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .abouthistorylist .box .listbox ul li p span.year{width:25%;}
    .page-content.abouthistory .bg-color-2 .contentbox .abouthistorybox .abouthistorylist .box .listbox ul li p span.content{width:75%;}
}

@media (max-width: 480px) {

}

/**************************
corporatephilosophy
**************************/
.page-content.corporatephilosophy{}
.page-content.corporatephilosophy .outside{padding: 20px 0;}
.page-content.corporatephilosophy .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none;padding:20px 0;}
.page-content.corporatephilosophy .bg-color-2 .menulist{width:25%;padding: 0 7.5px 0 15px;}
.page-content.corporatephilosophy .bg-color-2 .menulist .panel-group .panel {border:none;}
.page-content.corporatephilosophy .bg-color-2 .menulist .panel-group .panel .panel-heading{background:#ffffff;padding:0;}
.page-content.corporatephilosophy .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{border-top: 5px solid #e70010;border-bottom: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;text-decoration: none;display:inline-block;padding:10px 15px;width:100%;}
.page-content.corporatephilosophy .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{display:inline-block;font-size:20px;vertical-align: middle;font-weight: bold;padding:0 5px;}
.page-content.corporatephilosophy .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title i{display:inline-block;font-size:25px;vertical-align: middle;}
.page-content.corporatephilosophy .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0 10px 20px 10px;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.page-content.corporatephilosophy .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body{border-top:none;padding:0;}
.page-content.corporatephilosophy .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav{}
.page-content.corporatephilosophy .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li{border-bottom:1px solid #dcdcdc;}
.page-content.corporatephilosophy .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{font-size:16px;color:#333333;padding: 10px 30px 10px 30px;}
.page-content.corporatephilosophy .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:hover{color:#ffffff;background:#e70010;}
.page-content.corporatephilosophy .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:focus{color:#e70010;font-weight:bold;}
.page-content.corporatephilosophy .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li.active a{color:#e70010;font-weight:bold;}
.page-content.corporatephilosophy .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li.active:hover a {color:#ffffff;background:#e70010;}
.page-content.corporatephilosophy .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav{padding: 0 0 10px 0;width:100%;display:none;}
.page-content.corporatephilosophy .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav.active{display:inline-block;}
.page-content.corporatephilosophy .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0 40px;border-bottom:none;}
.page-content.corporatephilosophy .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a {border-left: 1px solid #dcdcdc;text-decoration: none;display: inline-block;width: 100%;padding:10px 10px 10px 25px;}
.page-content.corporatephilosophy .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li:hover a{color:#e70010;}
.page-content.corporatephilosophy .bg-color-2 .contentbox{width:75%;padding: 0 15px 0 7.5px;}
.page-content.corporatephilosophy .bg-color-2 .contentbox .breadcrumbsbox{background:#ffffff;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.corporatephilosophy .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{}
.page-content.corporatephilosophy .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.corporatephilosophy .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.corporatephilosophy .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.corporatephilosophy .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}
.page-content.corporatephilosophy .bg-color-2 .contentbox .banner{margin-bottom: 30px;}
.page-content.corporatephilosophy .bg-color-2 .contentbox .banner img{width:100%;}
.page-content.corporatephilosophy .bg-color-2 .contentbox .corporatephilosophybox{background:#ffffff;border:1px solid #dcdcdc;padding:15px 15px;margin-bottom:10px;}
.page-content.corporatephilosophy .bg-color-2 .contentbox .corporatephilosophybox .iconbox{border-bottom:2px dotted #333333;padding-bottom: 3px;}
.page-content.corporatephilosophy .bg-color-2 .contentbox .corporatephilosophybox .iconbox i{font-size:30px;display: inline-block;vertical-align: top;line-height: normal;}
.page-content.corporatephilosophy .bg-color-2 .contentbox .corporatephilosophybox .iconbox i.icon-box{font-size:40px;line-height: 0;}
.page-content.corporatephilosophy .bg-color-2 .contentbox .corporatephilosophybox .iconbox i:before{display: inline-block;vertical-align: top;}
.page-content.corporatephilosophy .bg-color-2 .contentbox .corporatephilosophybox .iconbox span{font-size:24px;display: inline-block;vertical-align: bottom;padding: 0 10px;}
.page-content.corporatephilosophy .bg-color-2 .contentbox .corporatephilosophybox .corporatephilosophylist{}
.page-content.corporatephilosophy .bg-color-2 .contentbox .corporatephilosophybox .corporatephilosophylist .box{display:inline-block;width:100%;font-size:0;padding-bottom:20px;margin-bottom:20px;padding: 20px 30px;}
.page-content.corporatephilosophy .bg-color-2 .contentbox .corporatephilosophybox .corporatephilosophylist .box.sp{margin:0;}
.page-content.corporatephilosophy .bg-color-2 .contentbox .corporatephilosophybox .corporatephilosophylist .box  p{font-size:18px;line-height: 30px;letter-spacing: 3px;text-indent:0;margin-bottom:30px;}
.page-content.corporatephilosophy .bg-color-2 .contentbox .corporatephilosophybox .corporatephilosophylist .box .imgbox{display:inline-block;width:35%;vertical-align: top;    padding: 0 0 0 15px;}
.page-content.corporatephilosophy .bg-color-2 .contentbox .corporatephilosophybox .corporatephilosophylist .box .imgbox img{width:100%;}
.page-content.corporatephilosophy .bg-color-2 .contentbox .corporatephilosophybox .corporatephilosophylist .box .textbox{display:inline-block;width:65%;vertical-align: top;}
.page-content.corporatephilosophy .bg-color-2 .contentbox .corporatephilosophybox .corporatephilosophylist .box .textbox p{font-size:18px;line-height: 30px;letter-spacing: 3px;text-indent:0;margin-bottom:30px;}
.page-content.corporatephilosophy .bg-color-2 .contentbox .corporatephilosophybox .backbox{text-align:right;}
.page-content.corporatephilosophy .bg-color-2 .contentbox .corporatephilosophybox .backbox a{text-decoration:none;display:inline-block;color:#333333;}
.page-content.corporatephilosophy .bg-color-2 .contentbox .corporatephilosophybox .backbox a:hover{color:#e70010;}
.page-content.corporatephilosophy .bg-color-2 .contentbox .corporatephilosophybox .backbox a span{font-size:20px;display:inline-block;padding:0 10px;font-weight:bold;vertical-align:middle;}
.page-content.corporatephilosophy .bg-color-2 .contentbox .corporatephilosophybox .backbox a i{font-size:25px;font-weight:bold;vertical-align:top;}
.page-content.corporatephilosophy .bg-color-2 .contentbox .corporatephilosophybox .backbox a i:before{vertical-align:top;}

@media (max-width: 1680px) {
    .page-content.corporatephilosophy .bg-color-2 .contentbox .productbox ul li{padding:0 7.5px;}
}

@media (max-width: 1440px) {
    .page-content.corporatephilosophy .bg-color-2 .contentbox .productbox ul li .title{height: 50px;}
    .page-content.corporatephilosophy .bg-color-2 .contentbox .productbox ul li .title span{font-size:18px;}
    .page-content.corporatephilosophy .bg-color-2 .contentbox .productbox ul li .btnbox a{font-size:16px;}
    .page-content.corporatephilosophy .bg-color-2 .contentbox .productbox ul li .btnbox span{font-size:24px;}
    .page-content.corporatephilosophy .outside{padding: 20px 15px;}
    .page-content.corporatephilosophy .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0 15px;}
    .page-content.corporatephilosophy .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 20px 10px 20px;}
    .page-content.corporatephilosophy .bg-color-2 .contentbox .corporatephilosophybox .backbox{margin-top:50px;}
}

@media (max-width: 1366px) {
    .page-content.corporatephilosophy .outside{padding: 20px 15px;}
    .page-content.corporatephilosophy .bg-color-2{padding:0 0 20px;}
    .page-content.corporatephilosophy .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 25px;}
    
    .page-content.corporatephilosophy .bg-color-2 .contentbox .corporatephilosophybox .backbox{margin:0;}
}

@media (max-width: 1024px) {
    .page-content.corporatephilosophy .bg-color-2 .menulist{padding:0 7.5px;}
    .page-content.corporatephilosophy .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{padding:10px;}
    .page-content.corporatephilosophy .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{padding:0;}
    .page-content.corporatephilosophy .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px;}
    .page-content.corporatephilosophy .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a{padding: 10px 10px 10px 10px;border-left:none;}
    .page-content.corporatephilosophy .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0;}
    .page-content.corporatephilosophy .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0;}
    .page-content.corporatephilosophy .bg-color-2 .contentbox{padding:0 7.5px;}
    .page-content.corporatephilosophy .bg-color-2 .contentbox .corporatephilosophybox .corporatephilosophylist .box{padding: 20px 15px;}
}

@media (max-width: 768px) {
    .page-content.corporatephilosophy .bg-color-2 .menulist {display: inline-block;width:100%;}
    .page-content.corporatephilosophy .bg-color-2 .contentbox{width:100%;}
    .page-content.corporatephilosophy .bg-color-2 .contentbox .corporatephilosophybox .corporatephilosophylist{padding: 0 0 15px;}
    .page-content.corporatephilosophy .bg-color-2 .contentbox .corporatephilosophybox .corporatephilosophylist .box{padding:20px 5px;}
    .page-content.corporatephilosophy .bg-color-2 .contentbox .corporatephilosophybox .backbox{margin-top:0;}
}

@media (max-width: 640px) {
    .page-content.corporatephilosophy .bg-color-2 .contentbox .corporatephilosophybox .corporatephilosophylist{padding: 0 0 15px;}
    .page-content.corporatephilosophy .bg-color-2 .contentbox .corporatephilosophybox .corporatephilosophylist .box .textbox{width:100%;}
    .page-content.corporatephilosophy .bg-color-2 .contentbox .corporatephilosophybox .corporatephilosophylist .box .imgbox{width:100%;}
}

@media (max-width: 480px) {

}

/**************************
businessprojects
**************************/
.page-content.businessprojects{}
.page-content.businessprojects .outside{padding: 20px 0;}
.page-content.businessprojects .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none;padding:20px 0;}
.page-content.businessprojects .bg-color-2 .menulist{width:25%;padding: 0 7.5px 0 15px;}
.page-content.businessprojects .bg-color-2 .menulist .panel-group .panel {border:none;}
.page-content.businessprojects .bg-color-2 .menulist .panel-group .panel .panel-heading{background:#ffffff;padding:0;}
.page-content.businessprojects .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{border-top: 5px solid #e70010;border-bottom: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;text-decoration: none;display:inline-block;padding:10px 15px;width:100%;}
.page-content.businessprojects .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{display:inline-block;font-size:20px;vertical-align: middle;font-weight: bold;padding:0 5px;}
.page-content.businessprojects .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title i{display:inline-block;font-size:25px;vertical-align: middle;}
.page-content.businessprojects .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0 10px 20px 10px;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.page-content.businessprojects .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body{border-top:none;padding:0;}
.page-content.businessprojects .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav{}
.page-content.businessprojects .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li{border-bottom:1px solid #dcdcdc;}
.page-content.businessprojects .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{font-size:16px;color:#333333;padding: 10px 30px 10px 30px;}
.page-content.businessprojects .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:hover{color:#ffffff; background:#e70010;}
.page-content.businessprojects .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:focus{color:#e70010;font-weight:bold;}
.page-content.businessprojects .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li.active a{color:#e70010;font-weight:bold;}
.page-content.businessprojects .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li.active:hover a{color:#ffffff;}
.page-content.businessprojects .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav{padding: 0 0 10px 0;width:100%;display:none;}
.page-content.businessprojects .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav.active{display:inline-block;}
.page-content.businessprojects .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0 40px;border-bottom:none;}
.page-content.businessprojects .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a {border-left: 1px solid #dcdcdc;text-decoration: none;display: inline-block;width: 100%;padding:10px 10px 10px 25px;}
.page-content.businessprojects .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li:hover a{color:#e70010;}
.page-content.businessprojects .bg-color-2 .contentbox{width:75%;padding: 0 15px 0 7.5px;}
.page-content.businessprojects .bg-color-2 .contentbox .breadcrumbsbox{background:#ffffff;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.businessprojects .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{}
.page-content.businessprojects .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.businessprojects .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.businessprojects .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.businessprojects .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}
.page-content.businessprojects .bg-color-2 .contentbox .banner{margin-bottom: 30px;}
.page-content.businessprojects .bg-color-2 .contentbox .banner img{width:100%;}
.page-content.businessprojects .bg-color-2 .contentbox .businessprojectsbox{background:#ffffff;border:1px solid #dcdcdc;padding:15px 15px;margin-bottom:10px;}
.page-content.businessprojects .bg-color-2 .contentbox .businessprojectsbox .iconbox{border-bottom:2px dotted #333333;padding-bottom: 3px;}
.page-content.businessprojects .bg-color-2 .contentbox .businessprojectsbox .iconbox i{font-size:30px;display: inline-block;vertical-align: top;line-height: normal;}
.page-content.businessprojects .bg-color-2 .contentbox .businessprojectsbox .iconbox i.icon-box{font-size:40px;line-height: 0;}
.page-content.businessprojects .bg-color-2 .contentbox .businessprojectsbox .iconbox i:before{display: inline-block;vertical-align: top;}
.page-content.businessprojects .bg-color-2 .contentbox .businessprojectsbox .iconbox span{font-size:24px;display: inline-block;vertical-align: bottom;padding: 0 10px;}
.page-content.businessprojects .bg-color-2 .contentbox .businessprojectsbox .businessprojectslist{}
.page-content.businessprojects .bg-color-2 .contentbox .businessprojectsbox .businessprojectslist .box{display:inline-block;width:100%;font-size:0;padding-bottom:20px;margin-bottom:20px;padding: 20px 30px;}
.page-content.businessprojects .bg-color-2 .contentbox .businessprojectsbox .businessprojectslist .box .imgbox{display:inline-block;width:35%;vertical-align: top;    padding: 0 0 0 15px;}
.page-content.businessprojects .bg-color-2 .contentbox .businessprojectsbox .businessprojectslist .box .imgbox img{width:100%;}
.page-content.businessprojects .bg-color-2 .contentbox .businessprojectsbox .businessprojectslist .box .textbox{display:inline-block;width:65%;vertical-align: top;}
.page-content.businessprojects .bg-color-2 .contentbox .businessprojectsbox .businessprojectslist .box .textbox p{font-size:18px;line-height: 30px;letter-spacing: 3px;text-indent:0;margin-bottom:30px;}
.page-content.businessprojects .bg-color-2 .contentbox .businessprojectsbox .businessprojectslist .box .textbox p a{text-decoration:none;font-weight:bold;color:#333333}
.page-content.businessprojects .bg-color-2 .contentbox .businessprojectsbox .businessprojectslist .box .textbox p a:hover{color: #e70010;}
.page-content.businessprojects .bg-color-2 .contentbox .businessprojectsbox .businessprojectslist .box .textbox span.title{font-size:18px;line-height: 30px;letter-spacing: 3px;font-weight:bold;margin-bottom: 30px;display:inline-block;width:100%;}
.page-content.businessprojects .bg-color-2 .contentbox .businessprojectsbox .businessprojectslist .box .textbox ul{display:inline-block;width:100%;margin-bottom: 20px;}
.page-content.businessprojects .bg-color-2 .contentbox .businessprojectsbox .businessprojectslist .box .textbox ul li{display:inline-block;width:100%;margin-bottom: 5px;font-size: 18px;}
.page-content.businessprojects .bg-color-2 .contentbox .businessprojectsbox .businessprojectslist .box .textbox ul li span{font-size:18px;line-height: 30px;letter-spacing: 3px;}
.page-content.businessprojects .bg-color-2 .contentbox .businessprojectsbox .businessprojectslist .enbox{display: inline-block;width: 100%;font-size: 0;padding-bottom: 20px;margin-bottom: 20px;padding: 20px 30px;}
.page-content.businessprojects .bg-color-2 .contentbox .businessprojectsbox .businessprojectslist .enbox p{font-size:18px;line-height: 30px;letter-spacing: 3px;text-indent:0;margin-bottom:30px;}
.page-content.businessprojects .bg-color-2 .contentbox .businessprojectsbox .businessprojectslist .enbox  span.title{font-size:18px;line-height: 30px;letter-spacing: 3px;font-weight:bold;margin-bottom: 30px;display:inline-block;width:100%;}
.page-content.businessprojects .bg-color-2 .contentbox .businessprojectsbox .businessprojectslist .enbox  ul{display:inline-block;width:100%;margin-bottom: 20px;}
.page-content.businessprojects .bg-color-2 .contentbox .businessprojectsbox .businessprojectslist .enbox  ul li{display:inline-block;width:100%;margin-bottom: 5px;font-size: 18px;}
.page-content.businessprojects .bg-color-2 .contentbox .businessprojectsbox .businessprojectslist .enbox  ul li span{font-size:18px;line-height: 30px;letter-spacing: 3px;}
.page-content.businessprojects .bg-color-2 .contentbox .businessprojectsbox .backbox{text-align:right;}
.page-content.businessprojects .bg-color-2 .contentbox .businessprojectsbox .backbox a{text-decoration:none;display:inline-block;color:#333333;}
.page-content.businessprojects .bg-color-2 .contentbox .businessprojectsbox .backbox a:hover{color:#e70010;}
.page-content.businessprojects .bg-color-2 .contentbox .businessprojectsbox .backbox a span{font-size:20px;display:inline-block;padding:0 10px;font-weight:bold;vertical-align:middle;}
.page-content.businessprojects .bg-color-2 .contentbox .businessprojectsbox .backbox a i{font-size:25px;font-weight:bold;vertical-align:top;}
.page-content.businessprojects .bg-color-2 .contentbox .businessprojectsbox .backbox a i:before{vertical-align:top;}

@media (max-width: 1680px) {
    .page-content.businessprojects .bg-color-2 .contentbox .productbox ul li{padding:0 7.5px;}
}

@media (max-width: 1440px) {
    .page-content.businessprojects .bg-color-2 .contentbox .productbox ul li .title{height: 50px;}
    .page-content.businessprojects .bg-color-2 .contentbox .productbox ul li .title span{font-size:18px;}
    .page-content.businessprojects .bg-color-2 .contentbox .productbox ul li .btnbox a{font-size:16px;}
    .page-content.businessprojects .bg-color-2 .contentbox .productbox ul li .btnbox span{font-size:24px;}
    .page-content.businessprojects .outside{padding: 20px 15px;}
    .page-content.businessprojects .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0 15px;}
    .page-content.businessprojects .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 20px 10px 20px;}
    .page-content.businessprojects .bg-color-2 .contentbox .businessprojectsbox .backbox{margin-top:50px;}
}

@media (max-width: 1366px) {
    .page-content.businessprojects .outside{padding: 20px 15px;}
    .page-content.businessprojects .bg-color-2{padding:0 0 20px;}
    .page-content.businessprojects .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 25px;}
    
    .page-content.businessprojects .bg-color-2 .contentbox .businessprojectsbox .backbox{margin:0;}
}

@media (max-width: 1024px) {
    .page-content.businessprojects .bg-color-2 .menulist{padding:0 7.5px;}
    .page-content.businessprojects .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{padding:10px;}
    .page-content.businessprojects .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{padding:0;}
    .page-content.businessprojects .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px;}
    .page-content.businessprojects .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a{padding: 10px 10px 10px 10px;border-left:none;}
    .page-content.businessprojects .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0;}
    .page-content.businessprojects .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0;}
    .page-content.businessprojects .bg-color-2 .contentbox{padding:0 7.5px;}
    .page-content.businessprojects .bg-color-2 .contentbox .businessprojectsbox .businessprojectslist .box{padding: 20px 15px;}
}

@media (max-width: 768px) {
    .page-content.businessprojects .bg-color-2 .menulist {display: inline-block;width:100%;}
    .page-content.businessprojects .bg-color-2 .contentbox{width:100%;}
    .page-content.businessprojects .bg-color-2 .contentbox .businessprojectsbox .businessprojectslist{padding: 0 0 15px;}
    .page-content.businessprojects .bg-color-2 .contentbox .businessprojectsbox .businessprojectslist .box{padding:20px 5px;}
    .page-content.businessprojects .bg-color-2 .contentbox .businessprojectsbox .backbox{margin-top:0;}
}

@media (max-width: 640px) {
    .page-content.businessprojects .bg-color-2 .contentbox .businessprojectsbox .businessprojectslist{padding: 0 0 15px;}
    .page-content.businessprojects .bg-color-2 .contentbox .businessprojectsbox .businessprojectslist .box .textbox{width:100%;}
    .page-content.businessprojects .bg-color-2 .contentbox .businessprojectsbox .businessprojectslist .box .imgbox{width:100%;}
}

@media (max-width: 480px) {

}

/**************************
process
**************************/
.page-content.process{}
.page-content.process .outside{padding: 20px 0;}
.page-content.process .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none;padding:20px 0;}
.page-content.process .bg-color-2 .menulist{width:25%;padding: 0 7.5px 0 15px;}
.page-content.process .bg-color-2 .menulist .panel-group .panel {border:none;}
.page-content.process .bg-color-2 .menulist .panel-group .panel .panel-heading{background:#ffffff;padding:0;}
.page-content.process .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{border-top: 5px solid #e70010;border-bottom: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;text-decoration: none;display:inline-block;padding:10px 15px;width:100%;}
.page-content.process .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{display:inline-block;font-size:20px;vertical-align: middle;font-weight: bold;padding:0 5px;}
.page-content.process .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title i{display:inline-block;font-size:25px;vertical-align: middle;}
.page-content.process .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0 10px 20px 10px;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.page-content.process .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body{border-top:none;padding:0;}
.page-content.process .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav{}
.page-content.process .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li{border-bottom:1px solid #dcdcdc;}
.page-content.process .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{font-size:16px;color:#333333;padding: 10px 30px 10px 30px;}
.page-content.process .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:hover{color:#ffffff;background:#e70010;}
.page-content.process .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:focus{color:#e70010;font-weight:bold;}
.page-content.process .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li.active a{color:#e70010;font-weight:bold;}
.page-content.process .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li.active:hover a{color:#ffffff;background:#e70010;}
.page-content.process .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav{padding: 0 0 10px 0;width:100%;display:none;}
.page-content.process .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav.active{display:inline-block;}
.page-content.process .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0 40px;border-bottom:none;}
.page-content.process .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a {border-left: 1px solid #dcdcdc;text-decoration: none;display: inline-block;width: 100%;padding:10px 10px 10px 25px;}
.page-content.process .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li:hover a{color:#e70010;}
.page-content.process .bg-color-2 .contentbox{width:75%;padding: 0 15px 0 7.5px;}
.page-content.process .bg-color-2 .contentbox .breadcrumbsbox{background:#ffffff;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.process .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{}
.page-content.process .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.process .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.process .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.process .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}
.page-content.process .bg-color-2 .contentbox .banner{margin-bottom: 30px;}
.page-content.process .bg-color-2 .contentbox .banner img{width:100%;}
.page-content.process .bg-color-2 .contentbox .processbox{background:#ffffff;border:1px solid #dcdcdc;padding:15px 15px;margin-bottom:10px;}
.page-content.process .bg-color-2 .contentbox .processbox .iconbox{border-bottom:2px dotted #333333;padding-bottom: 3px;}
.page-content.process .bg-color-2 .contentbox .processbox .iconbox i{font-size:30px;display: inline-block;vertical-align: top;line-height: normal;}
.page-content.process .bg-color-2 .contentbox .processbox .iconbox i.icon-box{font-size:40px;line-height: 0;}
.page-content.process .bg-color-2 .contentbox .processbox .iconbox i:before{display: inline-block;vertical-align: top;}
.page-content.process .bg-color-2 .contentbox .processbox .iconbox span{font-size:24px;display: inline-block;vertical-align: bottom;padding: 0 10px;}
.page-content.process .bg-color-2 .contentbox .processbox .processlist{}
.page-content.process .bg-color-2 .contentbox .processbox .processlist .box{display:inline-block;width:100%;font-size:0;padding-bottom:20px;margin-bottom:20px;padding: 20px 30px;}
.page-content.process .bg-color-2 .contentbox .processbox .processlist .box iframe{width:100%;height:600px;}
.page-content.process .bg-color-2 .contentbox .processbox .backbox{text-align:right;}
.page-content.process .bg-color-2 .contentbox .processbox .backbox a{text-decoration:none;display:inline-block;color:#333333;}
.page-content.process .bg-color-2 .contentbox .processbox .backbox a:hover{color:#e70010;}
.page-content.process .bg-color-2 .contentbox .processbox .backbox a span{font-size:20px;display:inline-block;padding:0 10px;font-weight:bold;vertical-align:middle;}
.page-content.process .bg-color-2 .contentbox .processbox .backbox a i{font-size:25px;font-weight:bold;vertical-align:top;}
.page-content.process .bg-color-2 .contentbox .processbox .backbox a i:before{vertical-align:top;}

@media (max-width: 1680px) {
    .page-content.process .bg-color-2 .contentbox .productbox ul li{padding:0 7.5px;}
}

@media (max-width: 1440px) {
    .page-content.process .bg-color-2 .contentbox .productbox ul li .title{height: 50px;}
    .page-content.process .bg-color-2 .contentbox .productbox ul li .title span{font-size:18px;}
    .page-content.process .bg-color-2 .contentbox .productbox ul li .btnbox a{font-size:16px;}
    .page-content.process .bg-color-2 .contentbox .productbox ul li .btnbox span{font-size:24px;}
    .page-content.process .outside{padding: 20px 15px;}
    .page-content.process .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0 15px;}
    .page-content.process .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 20px 10px 20px;}
    .page-content.process .bg-color-2 .contentbox .processbox .backbox{margin-top:50px;}
}

@media (max-width: 1366px) {
    .page-content.process .outside{padding: 20px 15px;}
    .page-content.process .bg-color-2{padding:0 0 20px;}
    .page-content.process .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 25px;}
    .page-content.process .bg-color-2 .contentbox .processbox .backbox{margin:0;}
}

@media (max-width: 1280px) {
    .page-content.process .bg-color-2 .contentbox .processbox .processlist .box iframe{height:650px;}
}
    

@media (max-width: 1024px) {
    .page-content.process .bg-color-2 .menulist{padding:0 7.5px;}
    .page-content.process .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{padding:10px;}
    .page-content.process .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{padding:0;}
    .page-content.process .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px;}
    .page-content.process .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a{padding: 10px 10px 10px 10px;border-left:none;}
    .page-content.process .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0;}
    .page-content.process .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0;}
    .page-content.process .bg-color-2 .contentbox{padding:0 7.5px;}
    .page-content.process .bg-color-2 .contentbox .processbox .processlist .box{padding: 20px 15px;}
    .page-content.process .bg-color-2 .contentbox .processbox .processlist .box iframe{height:540px;}
}

@media (max-width: 768px) {
    .page-content.process .bg-color-2 .menulist {display: inline-block;width:100%;}
    .page-content.process .bg-color-2 .contentbox{width:100%;}
    .page-content.process .bg-color-2 .contentbox .processbox .processlist{padding: 0 0 15px;}
    .page-content.process .bg-color-2 .contentbox .processbox .processlist .box{padding:20px 5px;}
    .page-content.process .bg-color-2 .contentbox .processbox .backbox{margin-top:0;}
    .page-content.process .bg-color-2 .contentbox .processbox .processlist .box iframe{height:520px;}
}

@media (max-width: 640px) {
    .page-content.process .bg-color-2 .contentbox .processbox .processlist{padding: 0 0 15px;}
    .page-content.process .bg-color-2 .contentbox .processbox .processlist .box iframe{height:425px;}
}

@media (max-width: 480px) {
    .page-content.process .bg-color-2 .contentbox .processbox .processlist .box iframe{height:305px;}
}


@media (max-width: 359px) {
    .page-content.process .bg-color-2 .contentbox .processbox .processlist .box iframe{height:190px;}
}


/**************************
servicelocation
**************************/
.page-content.servicelocation{}
.page-content.servicelocation .outside{padding: 20px 0;}
.page-content.servicelocation .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none;padding:20px 0;}
.page-content.servicelocation .bg-color-2 .menulist{width:25%;padding: 0 7.5px 0 15px;}
.page-content.servicelocation .bg-color-2 .menulist .panel-group .panel {border:none;}
.page-content.servicelocation .bg-color-2 .menulist .panel-group .panel .panel-heading{background:#ffffff;padding:0;}
.page-content.servicelocation .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{border-top: 5px solid #e70010;border-bottom: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;text-decoration: none;display:inline-block;padding:10px 15px;width:100%;}
.page-content.servicelocation .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{display:inline-block;font-size:20px;vertical-align: middle;font-weight: bold;padding:0 5px;}
.page-content.servicelocation .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title i{display:inline-block;font-size:25px;vertical-align: middle;}
.page-content.servicelocation .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0 10px 20px 10px;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.page-content.servicelocation .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body{border-top:none;padding:0;}
.page-content.servicelocation .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav{}
.page-content.servicelocation .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li{border-bottom:1px solid #dcdcdc;}
.page-content.servicelocation .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{font-size:16px;color:#333333;padding: 10px 30px 10px 30px;}
.page-content.servicelocation .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:hover{color:#ffffff;background:#e70010;}
.page-content.servicelocation .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:focus{color:#e70010;font-weight:bold;}
.page-content.servicelocation .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li.active a{color:#e70010;font-weight:bold;}
.page-content.servicelocation .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li.active:hover a{color:#ffffff;}
.page-content.servicelocation .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav{padding: 0 0 10px 0;width:100%;display:none;}
.page-content.servicelocation .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav.active{display:inline-block;}
.page-content.servicelocation .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0 40px;border-bottom:none;}
.page-content.servicelocation .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a {border-left: 1px solid #dcdcdc;text-decoration: none;display: inline-block;width: 100%;padding:10px 10px 10px 25px;}
.page-content.servicelocation .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li:hover a{color:#e70010;}
.page-content.servicelocation .bg-color-2 .contentbox{width:75%;padding: 0 15px 0 7.5px;}
.page-content.servicelocation .bg-color-2 .contentbox .breadcrumbsbox{background:#ffffff;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.servicelocation .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{}
.page-content.servicelocation .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.servicelocation .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.servicelocation .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.servicelocation .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}
.page-content.servicelocation .bg-color-2 .contentbox .banner{margin-bottom: 30px;}
.page-content.servicelocation .bg-color-2 .contentbox .banner img{width:100%;}
.page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox{background:#ffffff;border:1px solid #dcdcdc;padding:15px 15px;margin-bottom:10px;}
.page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .iconbox{border-bottom:2px dotted #333333;padding-bottom: 3px;}
.page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .iconbox i{font-size:30px;display: inline-block;vertical-align: top;line-height: normal;}
.page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .iconbox i.icon-box{font-size:40px;line-height: 0;}
.page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .iconbox i:before{display: inline-block;vertical-align: top;}
.page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .iconbox span{font-size:24px;display: inline-block;vertical-align: bottom;padding: 0 10px;}
.page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .servicelocationlist{}
.page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .servicelocationlist .box{display:inline-block;width:100%;font-size:0;padding-bottom:20px;margin-bottom:20px;padding: 20px 30px;}
.page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .servicelocationlist .box .mapbox{display:inline-block;width:50%;vertical-align: top;}
.page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .servicelocationlist .box .mapbox #map{height:400px;}
.page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .servicelocationlist .box .mapbox #maptwo{height:400px;}
.page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .servicelocationlist .box .textbox{display:inline-block;width:50%;vertical-align: top;padding:0 15px;}
.page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .servicelocationlist .box .textbox ul{border-left:2px dotted #333333;padding:0 15px;}
.page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .servicelocationlist .box.bottom .textbox ul{border-left:none;border-right:2px dotted #333333;padding:0;}
.page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .servicelocationlist .box .textbox ul.top{padding-bottom:100px;}
.page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .servicelocationlist .box.bottom .textbox{padding-top:0;}
.page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .servicelocationlist .box.bottom .textbox ul.top{padding: 0 0 125px 0;}
.page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .servicelocationlist .box .textbox ul li{}
.page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .servicelocationlist .box .textbox ul li span{font-size: 18px;line-height: 30px;letter-spacing: 3px;}
.page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .servicelocationlist .box .textbox p{font-size:18px;line-height: 30px;letter-spacing: 3px;text-indent:0;}
.page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .servicelocationlist .box .textbox span{padding:0;font-size:18px;line-height: 30px;letter-spacing: 3px;text-indent:0;}
.page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .servicelocationlist .box .textbox span.title{padding:0;}
.page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .backbox{text-align:right;}
.page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .backbox a{text-decoration:none;display:inline-block;color:#333333;}
.page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .backbox a:hover{color:#e70010;}
.page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .backbox a span{font-size:20px;display:inline-block;padding:0 10px;font-weight:bold;vertical-align:middle;}
.page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .backbox a i{font-size:25px;font-weight:bold;vertical-align:top;}
.page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .backbox a i:before{vertical-align:top;}

@media (max-width: 1680px) {
    .page-content.servicelocation .bg-color-2 .contentbox .productbox ul li{padding:0 7.5px;}
}

@media (max-width: 1440px) {
    .page-content.servicelocation .bg-color-2 .contentbox .productbox ul li .title{height: 50px;}
    .page-content.servicelocation .bg-color-2 .contentbox .productbox ul li .title span{font-size:18px;}
    .page-content.servicelocation .bg-color-2 .contentbox .productbox ul li .btnbox a{font-size:16px;}
    .page-content.servicelocation .bg-color-2 .contentbox .productbox ul li .btnbox span{font-size:24px;}
    .page-content.servicelocation .outside{padding: 20px 15px;}
    .page-content.servicelocation .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0 15px;}
    .page-content.servicelocation .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 20px 10px 20px;}
    .page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .backbox{margin-top:50px;}
}

@media (max-width: 1366px) {
    .page-content.servicelocation .outside{padding: 20px 15px;}
    .page-content.servicelocation .bg-color-2{padding:0 0 20px;}
    .page-content.servicelocation .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 25px;}
    .page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .backbox{margin:0;}
}

@media (max-width: 1280px) {
    
}
    

@media (max-width: 1024px) {
    .page-content.servicelocation .bg-color-2 .menulist{padding:0 7.5px;}
    .page-content.servicelocation .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{padding:10px;}
    .page-content.servicelocation .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{padding:0;}
    .page-content.servicelocation .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px;}
    .page-content.servicelocation .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a{padding: 10px 10px 10px 10px;border-left:none;}
    .page-content.servicelocation .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0;}
    .page-content.servicelocation .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0;}
    .page-content.servicelocation .bg-color-2 .contentbox{padding:0 7.5px;}
    .page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .servicelocationlist .box{padding: 20px 15px;}
    .page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .servicelocationlist .box.bottom .textbox ul.top{padding-bottom:100px;}
    .page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .servicelocationlist .box .textbox ul.top{padding-bottom:100px;}
    
}

@media (max-width: 768px) {
    .page-content.servicelocation .bg-color-2 .menulist {display: inline-block;width:100%;}
    .page-content.servicelocation .bg-color-2 .contentbox{width:100%;}
    .page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .servicelocationlist{padding: 0 0 15px;}
    .page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .servicelocationlist .box{padding:20px 5px;}
    .page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .servicelocationlist .box .textbox{padding:0;}
    .page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .servicelocationlist .box .textbox ul{border:none;}
    .page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .servicelocationlist .box.bottom .textbox{padding:0;}
    .page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .servicelocationlist .box.bottom .textbox ul{border:none;}
    .page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .backbox{margin-top:0;}
}

@media (max-width: 640px) {
    .page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .servicelocationlist{padding: 0 0 15px;}
    .page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .servicelocationlist .box{border-bottom:1px dotted #333333;margin:0;}
    .page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .servicelocationlist .box .mapbox{width:100%;}
    .page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .servicelocationlist .box .textbox{width:100%;padding: 20px 0 0 0;}
    .page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .servicelocationlist .box .textbox span.title{padding:0;}
    .page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .servicelocationlist .box .textbox ul{border:none;padding:0;}
    .page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .servicelocationlist .box .textbox ul.top{padding:0;}
    .page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .servicelocationlist .box.bottom .textbox ul.top{padding:0;}
    .page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .servicelocationlist .box.bottom .textbox ul{border:none;}
    .page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .servicelocationlist .box.bottom .textbox{padding:0 0 20px  0;}
    .page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .servicelocationlist .box .mapbox #map{height:250px;}
    .page-content.servicelocation .bg-color-2 .contentbox .servicelocationbox .servicelocationlist .box .mapbox #maptwo{height:250px;}
}

/**************************
contactus
**************************/
.page-content.contactus{}
.page-content.contactus .outside{padding: 20px 0;}
.page-content.contactus .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none;padding:20px 0;}
.page-content.contactus .bg-color-2 .menulist{width:25%;padding: 0 7.5px 0 15px;}
.page-content.contactus .bg-color-2 .menulist .panel-group .panel {border:none;}
.page-content.contactus .bg-color-2 .menulist .panel-group .panel .panel-heading{background:#ffffff;padding:0;}
.page-content.contactus .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{border-top: 5px solid #e70010;border-bottom: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;text-decoration: none;display:inline-block;padding:10px 15px;width:100%;}
.page-content.contactus .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{display:inline-block;font-size:20px;vertical-align: middle;font-weight: bold;padding:0 5px;}
.page-content.contactus .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title i{display:inline-block;font-size:25px;vertical-align: middle;}
.page-content.contactus .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0 10px 20px 10px;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.page-content.contactus .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body{border-top:none;padding:0;}
.page-content.contactus .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav{}
.page-content.contactus .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li{border-bottom:1px solid #dcdcdc;}
.page-content.contactus .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{font-size:16px;color:#333333;padding: 10px 30px 10px 30px;}
.page-content.contactus .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:hover{color:#ffffff;background:#e70010;}
.page-content.contactus .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:focus{color:#e70010;font-weight:bold;}
.page-content.contactus .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li.active a{color:#e70010;font-weight:bold;}
.page-content.contactus .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li.active:hover a{color:#ffffff;background:#e70010;}
.page-content.contactus .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav{padding: 0 0 10px 0;width:100%;display:none;}
.page-content.contactus .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav.active{display:inline-block;}
.page-content.contactus .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0 40px;border-bottom:none;}
.page-content.contactus .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a {border-left: 1px solid #dcdcdc;text-decoration: none;display: inline-block;width: 100%;padding:10px 10px 10px 25px;}
.page-content.contactus .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li:hover a{color:#e70010;}
.page-content.contactus .bg-color-2 .menulist .linebox{text-align: center;background: #00b900;border-radius: 5px;height: 35px;margin-bottom: 20px;padding: 4px 0;}
.page-content.contactus .bg-color-2 .menulist .linebox a{display: inline-block;width: 100%;height: 100%;}
.page-content.contactus .bg-color-2 .menulist .linebox a img{height:100%;}
.page-content.contactus .bg-color-2 .contentbox{width:75%;padding: 0 15px 0 7.5px;}
.page-content.contactus .bg-color-2 .contentbox .breadcrumbsbox{background:#ffffff;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.contactus .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{}
.page-content.contactus .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.contactus .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.contactus .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.contactus .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}
.page-content.contactus .bg-color-2 .contentbox .banner{margin-bottom: 30px;}
.page-content.contactus .bg-color-2 .contentbox .banner img{width:100%;}
.page-content.contactus .bg-color-2 .contentbox .contactusbox{background:#ffffff;border:1px solid #dcdcdc;padding:15px 15px;margin-bottom:10px;}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .iconbox{border-bottom:2px dotted #333333;padding-bottom: 3px;}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .iconbox i{font-size:30px;display: inline-block;vertical-align: top;line-height: normal;}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .iconbox i.icon-box{font-size:40px;line-height: 0;}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .iconbox i:before{display: inline-block;vertical-align: top;}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .iconbox span{font-size:22px;display: inline-block;vertical-align: bottom;padding: 0 10px;}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist{}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .box{display:inline-block;width:100%;font-size:0;padding-bottom:20px;margin-bottom:20px;padding: 20px 30px;border-bottom:2px dotted #333333;}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .box p{font-size: 16px;line-height: 30px;letter-spacing: 3px;text-indent:0;}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .box p.sp{margin-top:18px;display: inline-block;}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .formbox{}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .formbox .listbox{}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .formbox .listbox .content{display:inline-block;width:100%;font-size:0;margin-bottom: 10px;}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .formbox .listbox .content .titlebox{display:inline-block;width:15%;text-align:right;vertical-align: top;}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .formbox .listbox .content .titlebox span{font-size:16px;}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .formbox .listbox .content .inputbox{display:inline-block;width:85%;padding:0 15px;vertical-align: top;}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .formbox .listbox .content .inputbox input{border-radius:0;margin:0;}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .formbox .listbox .content .inputbox select{border-radius:0;}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .formbox .listbox .content .inputbox textarea{border-radius:0;resize:none;height:300px;}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .formbox .listbox .content .inputbox .zipcode{display:inline-block;width:33.3333333%;padding:0 5px;margin-bottom:10px;}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .formbox .listbox .content .inputbox .catelist{display:inline-block;width:100%;}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .formbox .listbox .content .inputbox .catelist .cate{display: inline-block;padding: 0 10px;}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .formbox .listbox .content .inputbox .catelist .cate input{width:auto;}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .formbox .listbox .content .inputbox .catelist .cate label{font-size: 18px;line-height: 30px;letter-spacing: 3px;padding:0 10px;font-weight: normal;}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .formbox .listbox .content.code .inputbox input{width:auto;display:inline-block;vertical-align: middle;margin-right: 10px;}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .formbox .listbox .content.code .inputbox input#inputCode{margin-bottom:0;}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .formbox .listbox .content .inputbox .code{font-size:20px;display:inline-block;vertical-align: middle;cursor: pointer;border: 2px solid #333333;padding: 1px 20px;margin-right: 10px;}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .formbox .listbox .content .inputbox a{font-size:16px;display:inline-block;vertical-align: middle;text-decoration: none;    color: #e70010;}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .btnbox{padding:50px 0 15px;}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .btnbox ul{text-align:center;}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .btnbox ul li{display:inline-block;padding:0 5px;}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .btnbox ul li a.submitbtn{display: inline-block;padding: 5px 100px;text-decoration: none;font-size: 18px;border: 1px solid #e70010;color: #ffffff;background: #e70010;}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .btnbox ul li a.submitbtn:hover{color:#e70010;background:#ffffff;}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .btnbox ul li a.clearbtn{display: inline-block;padding: 5px 100px;text-decoration: none;font-size: 18px;border: 1px solid #dcdcdc;color: #ffffff;background: #dcdcdc;}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .btnbox ul li a.clearbtn:hover{color:#333333;background:#ffffff;border-color:#333333;}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .backbox{text-align:right;}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .backbox a{text-decoration:none;display:inline-block;color:#333333;}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .backbox a:hover{color:#e70010;}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .backbox a span{font-size:20px;display:inline-block;padding:0 10px;font-weight:bold;vertical-align:middle;}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .backbox a i{font-size:25px;font-weight:bold;vertical-align:top;}
.page-content.contactus .bg-color-2 .contentbox .contactusbox .backbox a i:before{vertical-align:top;}

@media (max-width: 1680px) {
    .page-content.contactus .bg-color-2 .contentbox .productbox ul li{padding:0 7.5px;}
}

@media (max-width: 1440px) {
    .page-content.contactus .bg-color-2 .contentbox .productbox ul li .title{height: 50px;}
    .page-content.contactus .bg-color-2 .contentbox .productbox ul li .title span{font-size:18px;}
    .page-content.contactus .bg-color-2 .contentbox .productbox ul li .btnbox a{font-size:16px;}
    .page-content.contactus .bg-color-2 .contentbox .productbox ul li .btnbox span{font-size:24px;}
    .page-content.contactus .outside{padding: 20px 15px;}
    .page-content.contactus .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0 15px;}
    .page-content.contactus .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 20px 10px 20px;}
    .page-content.contactus .bg-color-2 .contentbox .contactusbox .backbox{margin-top:50px;}
}

@media (max-width: 1366px) {
    .page-content.contactus .outside{padding: 20px 15px;}
    .page-content.contactus .bg-color-2{padding:0 0 20px;}
    .page-content.contactus .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 25px;}
    .page-content.contactus .bg-color-2 .contentbox .contactusbox .backbox{margin:0;}
    .page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .formbox .listbox .content .titlebox{width:15%;}
    .page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .formbox .listbox .content .inputbox{width:85%;}
}

@media (max-width: 1280px) {
    .page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .formbox .listbox .content .titlebox{width:17.5%;}
    .page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .formbox .listbox .content .inputbox{width:82.5%;}
}
    

@media (max-width: 1024px) {
    .page-content.contactus .bg-color-2 .menulist{padding:0 7.5px;}
    .page-content.contactus .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{padding:10px;}
    .page-content.contactus .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{padding:0;}
    .page-content.contactus .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px;}
    .page-content.contactus .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a{padding: 10px 10px 10px 10px;border-left:none;}
    .page-content.contactus .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0;}
    .page-content.contactus .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0;}
    .page-content.contactus .bg-color-2 .contentbox{padding:0 7.5px;}
    .page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .box{padding: 20px 15px;}
    
}

@media (max-width: 768px) {
    .page-content.contactus .bg-color-2 .menulist {display: inline-block;width:100%;margin:0 0 15px;text-align:center;}
	.page-content.contactus .bg-color-2 .menulist .panel-group{text-align:left;}
    .page-content.contactus .bg-color-2 .contentbox{width:100%;}
    .page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist{padding: 0 0 15px;}
    .page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .box{padding:20px 5px;}
    .page-content.contactus .bg-color-2 .contentbox .contactusbox .backbox{margin-top:0;}
}

@media (max-width: 640px) {
    .page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist{padding: 0 0 15px;}
    .page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .formbox .listbox .content .titlebox{width:100%;text-align:left;margin-bottom:5px;}
    .page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .formbox .listbox .content .titlebox.sp{display:none;}
    .page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .formbox .listbox .content .inputbox{width:100%;padding:0;}
    .page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .btnbox ul li a.clearbtn{padding:5px 50px;}
    .page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .btnbox ul li a.submitbtn{padding:5px 50px;}
    .page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .formbox .listbox .content .inputbox textarea{height:150px;}
    .page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .formbox .listbox .content .inputbox .zipcode{width:100%;padding:0;}
    .page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .formbox .listbox .content .inputbox .catelist .cate{width:100%;padding:5px;}
    .page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .box p{font-size:16px;}
}

@media (max-width: 480px) {
    .page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .box iframe{height:305px;}
    .page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .btnbox ul{font-size:0;}
    .page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .btnbox ul li{width:50%;}
    .page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .btnbox ul li a.clearbtn{padding:5px 0;width:100%;}
    .page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .btnbox ul li a.submitbtn{padding:5px 0;width:100%;}
    .page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .formbox .listbox .content.code .inputbox input{margin:0 0 10px 0;}
    .page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .formbox .listbox .content .inputbox .code{margin:0 0 10px 0;}
    .page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .btnbox{padding:15px 0 20px;}
}

@media (max-width: 359px) {
    .page-content.contactus .bg-color-2 .contentbox .contactusbox .contactuslist .box iframe{height:190px;}
}


/**************************
new
**************************/
.page-content.newlist{}
.page-content.newlist .outside{padding: 20px 0;}
.page-content.newlist .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none;padding:20px 0;}
.page-content.newlist .bg-color-2 .menulist{width:20%;}
.page-content.newlist .bg-color-2 .menulist .panel-group .panel {border:none;}
.page-content.newlist .bg-color-2 .menulist .panel-group .panel .panel-heading{background:#ffffff;padding:0;}
.page-content.newlist .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{border-top: 5px solid #e70010;border-bottom: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;text-decoration: none;display:inline-block;padding:10px 15px;width:100%;}
.page-content.newlist .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{display:inline-block;font-size:20px;vertical-align: middle;font-weight: bold;padding:0 5px;}
.page-content.newlist .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title i{display:inline-block;font-size:25px;vertical-align: middle;}
.page-content.newlist .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0 10px 20px 10px;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.page-content.newlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body{border-top:none;padding:0;}
.page-content.newlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav{}
.page-content.newlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li{border-bottom:1px solid #dcdcdc;}
.page-content.newlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{font-size:16px;color:#333333;padding: 10px 30px 10px 30px;}
.page-content.newlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:hover{color:#ffffff;background:#e70010;}
.page-content.newlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a.active{color:#ffffff;background:#e70010;}
.page-content.newlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:focus{color:#ffffff;background:#e70010;}
.page-content.newlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav{padding: 0 0 10px 0;width:100%;display:none;}
.page-content.newlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav.active{display:inline-block;}
.page-content.newlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0 10px;border-bottom:none;}
.page-content.newlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a {border-left: 1px solid #dcdcdc;text-decoration: none;display: inline-block;width: 100%;padding:10px 10px 10px 10px;}
.page-content.newlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li:hover a{color:#ffffff;}

.page-content.newlist .bg-color-2 .contentbox{width:80%;}
.page-content.newlist .bg-color-2 .contentbox .breadcrumbsbox{background:#ffffff;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.newlist .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{}
.page-content.newlist .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.newlist .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.newlist .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.newlist .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}

.page-content.newlist .bg-color-2 .contentbox .newbox .newlist{}
.page-content.newlist .bg-color-2 .contentbox .newbox .newlist .news{position: relative;margin-bottom: 20px;display: inline-block;vertical-align: middle;cursor:pointer;padding: 0;width:100%;font-size:0;}
.page-content.newlist .bg-color-2 .contentbox .newbox .newlist .news .borderbox{display: inline-block;width: 100%;border: 1px dotted #333333;-webkit-box-shadow: 0 4px 5px #aaaaaa;-moz-box-shadow: 0 4px 5px #aaaaaa;-o-box-shadow: 0 4px 5px #aaaaaa;box-shadow: 0 4px 5px #aaaaaa;background: #ffffff;}
.page-content.newlist .bg-color-2 .contentbox .newbox .newlist .news .borderbox .imgbox{display:inline-block;width:25%;vertical-align:top;}
.page-content.newlist .bg-color-2 .contentbox .newbox .newlist .news .borderbox .imgbox img{width:100%;}
.page-content.newlist .bg-color-2 .contentbox .newbox .newlist .news .borderbox .contentbox{display:inline-block;width:75%;vertical-align:top;padding: 0 10px;}
.page-content.newlist .bg-color-2 .contentbox .newbox .newlist .news .borderbox .contentbox .titlebox{padding:10px 0;}
.page-content.newlist .bg-color-2 .contentbox .newbox .newlist .news .borderbox .contentbox .titlebox span{display:inline-block;vertical-align: middle;}
.page-content.newlist .bg-color-2 .contentbox .newbox .newlist .news .borderbox .contentbox .titlebox span.title{width:70%;font-weight:bold;font-size:22px;}
.page-content.newlist .bg-color-2 .contentbox .newbox .newlist .news .borderbox .contentbox .titlebox span.date{width:30%;text-align:right;font-size:18px;}
.page-content.newlist .bg-color-2 .contentbox .newbox .newlist .news .borderbox .contentbox .content{padding:10px 0;}
.page-content.newlist .bg-color-2 .contentbox .newbox .newlist .news .borderbox .contentbox .content p{font-size:16px;text-indent:0;text-align: justify;text-justify: inter-ideograph;margin:0;}
.page-content.newlist .bg-color-2 .contentbox .newbox .newlist .news .borderbox .contentbox .readmore a{font-size:16px;text-decoration:none;color:#e70010;}
.page-content.newlist .bg-color-2 .contentbox .newbox .arrowbox{}
.page-content.newlist .bg-color-2 .contentbox .newbox .arrowbox .pagination{margin:10px 0;padding:0 15px;width: 100%;}
.page-content.newlist .bg-color-2 .contentbox .newbox .arrowbox .pagination li{padding:0;}
.page-content.newlist .bg-color-2 .contentbox .newbox .arrowbox .pagination li a{color:#333333;font-size: 16px;}
.page-content.newlist .bg-color-2 .contentbox .newbox .arrowbox .pagination li i{font-size:20px;}
.page-content.newlist .bg-color-2 .contentbox .newbox .arrowbox .pagination>li>a:focus,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li>a:hover,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li>span:focus,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li>span:hover{background-color:#ef0018;color:#ffffff}
.page-content.newlist .bg-color-2 .contentbox .newbox .arrowbox .pagination>li.disabled>a:focus,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li.disabled>a:hover,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li.disabled>span:focus,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li.disabled>span:hover{background-color:#ffffff;color:#333333}
.page-content.newlist .bg-color-2 .contentbox .newbox .arrowbox .pagination>.active>a,.page-content.newlist .bg-color-2 .contentbox .newbox .arrowbox .pagination>.active>a:focus,.page-content.newlist .bg-color-2 .contentbox .newbox .arrowbox .pagination>.active>a:hover, .page-content.newlist .bg-color-2 .contentbox .newbox .arrowbox .pagination>.active>span,.page-content.newlist .bg-color-2 .contentbox .newbox .arrowbox .pagination>.active>span:focus,.page-content.newlist .bg-color-2 .contentbox .newbox .arrowbox .pagination>.active>span:hover{border-color:#ef0018;background-color:#ef0018;color:#ffffff;}

@media (max-width: 1680px) {
    .page-content.newlist .bg-color-2 .contentbox .newbox ul li{padding:0 7.5px;}
}

@media (max-width: 1440px) {
    .page-content.newlist .bg-color-2 .contentbox .newbox ul li .title{height: 50px;}
    .page-content.newlist .bg-color-2 .contentbox .newbox ul li .title span{font-size:18px;}
    .page-content.newlist .bg-color-2 .contentbox .newbox ul li .btnbox a{font-size:16px;}
    .page-content.newlist .bg-color-2 .contentbox .newbox ul li .btnbox span{font-size:24px;}
    .page-content.newlist .outside{padding: 20px 15px;}
    .page-content.newlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0 15px;}
    .page-content.newlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 20px 10px 20px;}
}

@media (max-width: 1366px) {
    .page-content.newlist .outside{padding: 20px 15px;}
    .page-content.newlist .bg-color-2{padding:0 0 20px;}
    .page-content.newlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 25px;}
}

@media (max-width: 1024px) {
    .page-content.newlist .bg-color-2 .menulist{padding:0 7.5px;}
    .page-content.newlist .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{padding:10px;}
    .page-content.newlist .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{padding:0;}
    .page-content.newlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px;}
    .page-content.newlist .bg-color-2 .contentbox{padding:0 7.5px;}
    .page-content.newlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a{padding: 10px 10px 10px 10px;border-left:none;}
    .page-content.newlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0;}
    .page-content.newlist .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0;}
    .page-content.newlist .bg-color-2 .contentbox .newbox ul li .salebox{right: 7.5px;width: 100%;text-align: right;}
    .page-content.newlist .bg-color-2 .contentbox .newbox ul li .salebox img{width:40%;}
    .page-content.newlist .bg-color-2 .contentbox .newbox ul li .btnbox span{font-size:20px;}
}

@media (max-width: 768px) {
    .page-content.newlist .bg-color-2 .menulist {display: none;}
    .page-content.newlist .bg-color-2 .contentbox{width:100%;}
    .page-content.newlist .bg-color-2 .contentbox .newbox ul li{padding:0 10px;}
    .page-content.newlist .bg-color-2 .contentbox .newbox .arrowbox .pagination li{padding:0;}
    .page-content.newlist .bg-color-2 .contentbox .newbox .newlist .news{width:50%;}
    .page-content.newlist .bg-color-2 .contentbox .newbox .newlist .news:nth-child(odd){padding:0 5px 0 0;}
    .page-content.newlist .bg-color-2 .contentbox .newbox .newlist .news:nth-child(even){padding:0 0 0 5px;}
    .page-content.newlist .bg-color-2 .contentbox .newbox .newlist .news  .borderbox .imgbox{width:100%;}
    .page-content.newlist .bg-color-2 .contentbox .newbox .newlist .news  .borderbox .contentbox{width:100%;}
    .page-content.newlist .bg-color-2 .contentbox .newbox .newlist .news  .borderbox .contentbox .titlebox{padding:5px 0;}
    .page-content.newlist .bg-color-2 .contentbox .newbox .newlist .news  .borderbox .contentbox .titlebox span.title{width:100%;height: auto;}
    .page-content.newlist .bg-color-2 .contentbox .newbox .newlist .news  .borderbox .contentbox .titlebox span.date{width:100%;text-align:left;}
}

@media (max-width: 640px) {
    .page-content.newlist .bg-color-2 .contentbox .newbox ul li .title{height:auto;}
    .page-content.newlist .bg-color-2 .contentbox .newbox .arrowbox .pagination{padding:0;}
    .page-content.newlist .bg-color-2 .contentbox .newbox .arrowbox{text-align: center;}
    .page-content.newlist .bg-color-2 .contentbox .newbox .newlist .news{width:100%;}
    .page-content.newlist .bg-color-2 .contentbox .newbox .newlist .news:nth-child(odd){padding:0 0 0 0;}
    .page-content.newlist .bg-color-2 .contentbox .newbox .newlist .news:nth-child(even){padding:0 0 0 0;}
}

@media (max-width: 480px) {
    .page-content.newlist .bg-color-2 .contentbox .newbox ul li{padding:0 5px;}
    .page-content.newlist .bg-color-2 .contentbox .newbox ul li .salebox{right:5px;}
    .page-content.newlist .bg-color-2 .contentbox .newbox ul li .title{height:70px;}
    .page-content.newlist .bg-color-2 .contentbox .newbox ul li .btnbox span{width:100%;}
    .page-content.newlist .bg-color-2 .contentbox .newbox ul li .btnbox a{width:100%;}
}


/**************************
newdetail
**************************/
.page-content.newdetaillist{}
.page-content.newdetaillist .outside{padding: 20px 0;}
.page-content.newdetaillist .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none;padding:20px 0;}
.page-content.newdetaillist .bg-color-2 .menulist{width:20%;}
.page-content.newdetaillist .bg-color-2 .menulist .panel-group .panel {border:none;}
.page-content.newdetaillist .bg-color-2 .menulist .panel-group .panel .panel-heading{background:#ffffff;padding:0;}
.page-content.newdetaillist .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{border-top: 5px solid #e70010;border-bottom: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;text-decoration: none;display:inline-block;padding:10px 15px;width:100%;}
.page-content.newdetaillist .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{display:inline-block;font-size:20px;vertical-align: middle;font-weight: bold;padding:0 5px;}
.page-content.newdetaillist .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title i{display:inline-block;font-size:25px;vertical-align: middle;}
.page-content.newdetaillist .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0 10px 20px 10px;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.page-content.newdetaillist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body{border-top:none;padding:0;}
.page-content.newdetaillist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav{}
.page-content.newdetaillist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li{border-bottom:1px solid #dcdcdc;}
.page-content.newdetaillist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{font-size:16px;color:#333333;padding: 10px 30px 10px 30px;font-weight: bold;}
.page-content.newdetaillist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:hover{color:#ffffff;background:#e70010;}
.page-content.newdetaillist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a.active{color:#ffffff;background:#e70010;}
.page-content.newdetaillist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav{padding: 0 0 10px 0;width:100%;display:none;}
.page-content.newdetaillist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav.active{display:inline-block;}
.page-content.newdetaillist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0 10px;border-bottom:none;}
.page-content.newdetaillist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a {border-left: 1px solid #dcdcdc;text-decoration: none;display: inline-block;width: 100%;padding:10px 10px 10px 25px;}
.page-content.newdetaillist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li:hover a{color:#ffffff;}

.page-content.newdetaillist .bg-color-2 .contentbox{width:80%;}
.page-content.newdetaillist .bg-color-2 .contentbox .breadcrumbsbox{background:#ffffff;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.newdetaillist .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{}
.page-content.newdetaillist .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.newdetaillist .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.newdetaillist .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.newdetaillist .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}
.page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox{background:#ffffff;border:1px solid #dcdcdc;padding:15px 15px;margin-bottom:10px;}
.page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox .newdetail{margin-bottom: 20px;}
.page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox .newdetail .imgbox{display:inline-block;width:100%;vertical-align: top;}
.page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox .newdetail .imgbox img{width:100%;}
.page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox .newdetail .datebox{display:inline-block;width:100%;vertical-align: top;padding: 15px 0 ;}
.page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox .newdetail .datebox span{font-size:18px;}
.page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox .newdetail .titlebox{display:inline-block;width:100%;vertical-align: top;margin-bottom:10px;}
.page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox .newdetail .titlebox span{font-size: 25px;line-height: 30px;letter-spacing: 3px;font-weight: bold;}
.page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox .newdetail .textbox{display:inline-block;width:100%;vertical-align: top;margin-bottom: 10px;}
.page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox .newdetail .textbox p{font-size:18px;line-height: 30px;letter-spacing: 3px;text-indent:0;margin-bottom:30px;}
.page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox .newdetail .textbox p a{text-decoration:none;font-weight:bold;color:#333333}
.page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox .newdetail .textbox p a:hover{color: #e70010;}
.page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox .newdetail .textbox span.title{font-size:18px;line-height: 30px;letter-spacing: 3px;font-weight:bold;margin-bottom: 30px;display:inline-block;width:100%;}
.page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox .newdetail .textbox ul{display:inline-block;width:100%;margin-bottom: 20px;}
.page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox .newdetail .textbox ul li{display:inline-block;width:100%;margin-bottom: 5px;}
.page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox .newdetail .textbox ul li span{font-size:18px;line-height: 30px;letter-spacing: 3px;}
.page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox .backbox{text-align:right;}
.page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox .backbox a{text-decoration:none;display:inline-block;color:#333333;}
.page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox .backbox a:hover{color:#e70010;}
.page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox .backbox a span{font-size:20px;display:inline-block;padding:0 10px;font-weight:bold;vertical-align:middle;}
.page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox .backbox a i{font-size:25px;font-weight:bold;vertical-align:top;}
.page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox .backbox a i:before{vertical-align:top;}

@media (max-width: 1680px) {
    .page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox ul li{padding:0 7.5px;}
}

@media (max-width: 1440px) {
    .page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox ul li .title{height: 50px;}
    .page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox ul li .title span{font-size:18px;}
    .page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox ul li .btnbox a{font-size:16px;}
    .page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox ul li .btnbox span{font-size:24px;}
    .page-content.newdetaillist .outside{padding: 20px 15px;}
    .page-content.newdetaillist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0 15px;}
    .page-content.newdetaillist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 20px 10px 20px;}
}

@media (max-width: 1366px) {
    .page-content.newdetaillist .outside{padding: 20px 15px;}
    .page-content.newdetaillist .bg-color-2{padding:0 0 20px;}
    .page-content.newdetaillist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 25px;}
}

@media (max-width: 1024px) {
    .page-content.newdetaillist .bg-color-2 .menulist{padding:0 7.5px;}
    .page-content.newdetaillist .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{padding:10px;}
    .page-content.newdetaillist .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{padding:0;}
    .page-content.newdetaillist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px;}
    .page-content.newdetaillist .bg-color-2 .contentbox{padding:0 7.5px;}
    .page-content.newdetaillist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a{padding: 10px 10px 10px 10px;border-left:none;}
    .page-content.newdetaillist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0;}
    .page-content.newdetaillist .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0;}
    .page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox ul li .salebox{right: 7.5px;width: 100%;text-align: right;}
    .page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox ul li .salebox img{width:40%;}
    .page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox ul li .btnbox span{font-size:20px;}
}

@media (max-width: 768px) {
    .page-content.newdetaillist .bg-color-2 .menulist {display: none;}
    .page-content.newdetaillist .bg-color-2 .contentbox{width:100%;}
    .page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox ul li{padding:0 10px;}
    .page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox .arrowbox .pagination li{padding:0;}
    .page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox .newdetail .textbox img{width:100%;height:auto !important;}
    .page-content.productlist .bg-color-2 .contentbox .banner{margin-top:0 !important;}
}

@media (max-width: 640px) {
    .page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox ul li .title{height:auto;}
    .page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox .arrowbox .pagination{padding:0;}
    .page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox .arrowbox{text-align: center;}
}

@media (max-width: 480px) {
    .page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox ul li{padding:0 5px;}
    .page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox ul li .salebox{right:5px;}
    .page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox ul li .title{height:70px;}
    .page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox ul li .btnbox span{width:100%;}
    .page-content.newdetaillist .bg-color-2 .contentbox .newdetailbox ul li .btnbox a{width:100%;}
}


/**************************
highlights
**************************/
.page-content.highlightslist{}
.page-content.highlightslist .outside{padding: 20px 0;}
.page-content.highlightslist .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none;padding:20px 0;}
.page-content.highlightslist .bg-color-2 .menulist{width:20%;}
.page-content.highlightslist .bg-color-2 .menulist .panel-group .panel {border:none;}
.page-content.highlightslist .bg-color-2 .menulist .panel-group .panel .panel-heading{background:#ffffff;padding:0;}
.page-content.highlightslist .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{border-top: 5px solid #e70010;border-bottom: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;text-decoration: none;display:inline-block;padding:10px 15px;width:100%;}
.page-content.highlightslist .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{display:inline-block;font-size:20px;vertical-align: middle;font-weight: bold;padding:0 5px;}
.page-content.highlightslist .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title i{display:inline-block;font-size:25px;vertical-align: middle;}
.page-content.highlightslist .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0 10px 20px 10px;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.page-content.highlightslist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body{border-top:none;padding:0;}
.page-content.highlightslist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav{}
.page-content.highlightslist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li{border-bottom:1px solid #dcdcdc;}
.page-content.highlightslist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{font-size:16px;color:#333333;padding: 10px 30px 10px 30px;font-weight: bold;}
.page-content.highlightslist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a.active{color:#e70010;}
.page-content.highlightslist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:hover{background:#e70010;color:#ffffff;}
.page-content.highlightslist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:focus{background:#e70010;color:#ffffff;}
.page-content.highlightslist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav{padding: 0 0 10px 0;width:100%;display:none;}
.page-content.highlightslist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav.block{display:inline-block;}
.page-content.highlightslist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav.active{display:inline-block;}
.page-content.highlightslist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0 10px;border-bottom:none;}
.page-content.highlightslist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a {border-left: 1px solid #dcdcdc;text-decoration: none;display: inline-block;width: 100%;padding:10px 10px 10px 10px;}
.page-content.highlightslist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li:hover a{color:#ffffff;}

.page-content.highlightslist .bg-color-2 .contentbox{width:80%;}
.page-content.highlightslist .bg-color-2 .contentbox .breadcrumbsbox{background:#ffffff;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.highlightslist .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{}
.page-content.highlightslist .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.highlightslist .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.highlightslist .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.highlightslist .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}

.page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .highlightslist{}
.page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .highlightslist .highlightss{position: relative;margin-bottom: 20px;display: inline-block;vertical-align: middle;cursor:pointer;padding: 0 10px;width:25%;font-size:0;}
.page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .highlightslist .highlightss .borderbox{display: inline-block;width: 100%;border: 1px dotted #333333;-webkit-box-shadow: 0 4px 5px #aaaaaa;-moz-box-shadow: 0 4px 5px #aaaaaa;-o-box-shadow: 0 4px 5px #aaaaaa;box-shadow: 0 4px 5px #aaaaaa;background: #ffffff;}
.page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .highlightslist .highlightss .borderbox .imgbox{display:inline-block;width:100%;vertical-align:top;}
.page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .highlightslist .highlightss .borderbox .imgbox img{width:100%;}
.page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .highlightslist .highlightss .borderbox .titlebox{padding:10px;}
.page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .highlightslist .highlightss .borderbox .titlebox span{display:inline-block;width:100%;vertical-align: middle;}
.page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .highlightslist .highlightss .borderbox .titlebox span.date{width:100%;font-size:18px;}
.page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .highlightslist .highlightss .borderbox .titlebox span.title{width:100%;font-weight:bold;font-size:18px;height:62px;overflow: hidden;}

.page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .arrowbox{}
.page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .arrowbox .pagination{margin:10px 0;padding:0 15px;width: 100%;}
.page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .arrowbox .pagination li{padding:0;}
.page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .arrowbox .pagination li a{color:#333333;font-size: 16px;}
.page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .arrowbox .pagination li i{font-size:20px;}
.page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .arrowbox .pagination>li>a:focus,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li>a:hover,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li>span:focus,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li>span:hover{background-color:#ef0018;color:#ffffff}
.page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .arrowbox .pagination>li.disabled>a:focus,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li.disabled>a:hover,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li.disabled>span:focus,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li.disabled>span:hover{background-color:#ffffff;color:#333333}
.page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .arrowbox .pagination>.active>a,.page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .arrowbox .pagination>.active>a:focus,.page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .arrowbox .pagination>.active>a:hover, .page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .arrowbox .pagination>.active>span,.page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .arrowbox .pagination>.active>span:focus,.page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .arrowbox .pagination>.active>span:hover{border-color:#ef0018;background-color:#ef0018;color:#ffffff;}

@media (max-width: 1680px) {
    .page-content.highlightslist .bg-color-2 .contentbox .highlightsbox ul li{padding:0 7.5px;}
}

@media (max-width: 1440px) {
    .page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .highlightslist .highlightss .borderbox .titlebox span.title{height: 56px;font-size:18px;}
    .page-content.highlightslist .outside{padding: 20px 15px;}
    .page-content.highlightslist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0 15px;}
    .page-content.highlightslist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 20px 10px 20px;}
}

@media (max-width: 1366px) {
    .page-content.highlightslist .outside{padding: 20px 15px;}
    .page-content.highlightslist .bg-color-2{padding:0 0 20px;}
    .page-content.highlightslist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 25px;}
    .page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .highlightslist .highlightss .borderbox .titlebox span.title{font-size: 20px}
}

@media (max-width: 1024px) {
    .page-content.highlightslist .bg-color-2 .menulist{padding:0 7.5px;}
    .page-content.highlightslist .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{padding:10px;}
    .page-content.highlightslist .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{padding:0;}
    .page-content.highlightslist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px;}
    .page-content.highlightslist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a{padding: 10px 10px 10px 10px;border-left:none;}
    .page-content.highlightslist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0;}
    .page-content.highlightslist .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0;}
    .page-content.highlightslist .bg-color-2 .contentbox{padding:0 7.5px;}
}

@media (max-width: 768px) {
    .page-content.highlightslist .bg-color-2 .menulist {display: none;}
    .page-content.highlightslist .bg-color-2 .contentbox{width:100%;}
    .page-content.highlightslist .bg-color-2 .contentbox .highlightsbox ul li{padding:0 10px;}
    .page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .arrowbox .pagination li{padding:0;}
    .page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .highlightslist .highlightss{width:50%;}
    .page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .highlightslist .highlightss:nth-child(odd){padding:0 5px 0 0;}
    .page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .highlightslist .highlightss:nth-child(even){padding:0 0 0 5px;}
    .page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .highlightslist .highlightss  .borderbox .imgbox{width:100%;}
    .page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .highlightslist .highlightss  .borderbox .contentbox{width:100%;}
    .page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .highlightslist .highlightss  .borderbox .contentbox .titlebox{padding:5px 0;}
    .page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .highlightslist .highlightss  .borderbox .contentbox .titlebox span.title{width:100%;height: auto;}
    .page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .highlightslist .highlightss  .borderbox .contentbox .titlebox span.date{width:100%;text-align:left;}
}

@media (max-width: 640px) {
    .page-content.highlightslist .bg-color-2 .contentbox .highlightsbox ul li .title{height:auto;}
    .page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .arrowbox .pagination{padding:0;}
    .page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .arrowbox{text-align: center;}
    .page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .highlightslist .highlightss{width:100%;}
    .page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .highlightslist .highlightss:nth-child(odd){padding:0 0 0 0;}
    .page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .highlightslist .highlightss:nth-child(even){padding:0 0 0 0;}
    .page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .highlightslist .highlightss .borderbox .titlebox span.title{height: auto;}
}

@media (max-width: 480px) {
    .page-content.highlightslist .bg-color-2 .contentbox .highlightsbox ul li{padding:0 5px;}
}


/**************************
highlights
**************************/
.page-content.highlightsdetail{}
.page-content.highlightsdetail .outside{padding: 20px 0;}
.page-content.highlightsdetail .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none;padding:20px 0;}
.page-content.highlightsdetail .bg-color-2 .menulist{width:20%;}
.page-content.highlightsdetail .bg-color-2 .menulist .panel-group .panel {border:none;}
.page-content.highlightsdetail .bg-color-2 .menulist .panel-group .panel .panel-heading{background:#ffffff;padding:0;}
.page-content.highlightsdetail .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{border-top: 5px solid #e70010;border-bottom: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;text-decoration: none;display:inline-block;padding:10px 15px;width:100%;}
.page-content.highlightsdetail .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{display:inline-block;font-size:20px;vertical-align: middle;font-weight: bold;padding:0 5px;}
.page-content.highlightsdetail .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title i{display:inline-block;font-size:25px;vertical-align: middle;}
.page-content.highlightsdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0 10px 20px 10px;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.page-content.highlightsdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body{border-top:none;padding:0;}
.page-content.highlightsdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav{}
.page-content.highlightsdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li{border-bottom:1px solid #dcdcdc;}
.page-content.highlightsdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{font-size:16px;color:#333333;padding: 10px 30px 10px 30px;font-weight: bold;}
.page-content.highlightsdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li:hover a{border:none}
.page-content.highlightsdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a.active{color:#e70010;}
.page-content.highlightsdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav{padding: 0 0 10px 0;width:100%;display:none;}
.page-content.highlightsdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav.block{display:inline-block;}
.page-content.highlightsdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav.active{display:inline-block;}
.page-content.highlightsdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0 10px;border-bottom:none;}
.page-content.highlightsdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a {border-left: 1px solid #dcdcdc;text-decoration: none;display: inline-block;width: 100%;padding:10px 10px 10px 10px;}
.page-content.highlightsdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li:hover a{background:#e70010;color:#ffffff;}
.page-content.highlightsdetail .bg-color-2 .contentbox{width:80%;}
.page-content.highlightsdetail .bg-color-2 .contentbox .breadcrumbsbox{background:#ffffff;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.highlightsdetail .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{}
.page-content.highlightsdetail .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.highlightsdetail .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.highlightsdetail .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.highlightsdetail .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}
.page-content.highlightsdetail .bg-color-2 .contentbox .highlightsdetailbox{background: #ffffff;display: inline-block;width:100%;border: 1px solid #dcdcdc;padding: 10px 15px;margin-bottom: 10px;}
.page-content.highlightsdetail .bg-color-2 .contentbox .highlightsdetailbox .datebox{margin-bottom: 10px;}
.page-content.highlightsdetail .bg-color-2 .contentbox .highlightsdetailbox .datebox span{font-size: 18px;}
.page-content.highlightsdetail .bg-color-2 .contentbox .highlightsdetailbox .titlebox{margin-bottom: 10px;}
.page-content.highlightsdetail .bg-color-2 .contentbox .highlightsdetailbox .titlebox span{font-size: 24px}
.page-content.highlightsdetail .bg-color-2 .contentbox .highlightsdetailbox .picturebox{}
.page-content.highlightsdetail .bg-color-2 .contentbox .highlightsdetailbox .picturebox .picturelist{font-size: 0;}
.page-content.highlightsdetail .bg-color-2 .contentbox .highlightsdetailbox .picturebox .picturelist .picture{display: inline-block;width:33.33333333%;padding:0 7.5px;margin-bottom: 15px;}
.page-content.highlightsdetail .bg-color-2 .contentbox .highlightsdetailbox .picturebox .picturelist .picture a{display: inline-block;}
.page-content.highlightsdetail .bg-color-2 .contentbox .highlightsdetailbox .picturebox .picturelist .picture a img{width:100%;}
.page-content.highlightsdetail .bg-color-2 .contentbox .highlightsdetailbox .arrowbox{}
.page-content.highlightsdetail .bg-color-2 .contentbox .highlightsdetailbox .arrowbox .pagination{margin:10px 0;padding:0 15px;width: 100%;}
.page-content.highlightsdetail .bg-color-2 .contentbox .highlightsdetailbox .arrowbox .pagination li{padding:0;}
.page-content.highlightsdetail .bg-color-2 .contentbox .highlightsdetailbox .arrowbox .pagination li a{color:#333333;font-size: 16px;}
.page-content.highlightsdetail .bg-color-2 .contentbox .highlightsdetailbox .arrowbox .pagination li i{font-size:20px;}
.page-content.highlightsdetail .bg-color-2 .contentbox .highlightsdetailbox .arrowbox .pagination>li>a:focus,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li>a:hover,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li>span:focus,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li>span:hover{background-color:#ef0018;color:#ffffff}
.page-content.highlightsdetail .bg-color-2 .contentbox .highlightsdetailbox .arrowbox .pagination>li.disabled>a:focus,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li.disabled>a:hover,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li.disabled>span:focus,.page-content .bg-color-2 .recommendbox .contentbox .arrowbox  .pagination>li.disabled>span:hover{background-color:#ffffff;color:#333333}
.page-content.highlightsdetail .bg-color-2 .contentbox .highlightsdetailbox .arrowbox .pagination>.active>a,.page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .arrowbox .pagination>.active>a:focus,.page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .arrowbox .pagination>.active>a:hover, .page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .arrowbox .pagination>.active>span,.page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .arrowbox .pagination>.active>span:focus,.page-content.highlightslist .bg-color-2 .contentbox .highlightsbox .arrowbox .pagination>.active>span:hover{border-color:#ef0018;background-color:#ef0018;color:#ffffff;}
.lb-dataContainer{padding:0;position: relative;}
#close{position: absolute;right:0;top:0;color:#333333;font-size: 30px;text-decoration:none;display: inline-block;background: #ffffff;border:1px solid #333333;width:30px;height:30px;line-height: 30px;z-index: 999}
.lightbox .lb-image{border:none;}
.lb-data{padding:0;}
.lb-data .lb-caption{color:#333333;font-size:18px;}
.lb-data .lb-details{width:100%;background: #ffffff;padding: 15px;}
.lb-data .lb-number{display: none !important;}
.lb-data .lb-close.bottom{display: none;}
.lb-nav a.lb-next{opacity: 1;}
.lb-nav a.lb-prev{opacity: 1;}
@media (max-width: 1680px) {
    .page-content.highlightsdetail .bg-color-2 .contentbox .highlightsdetailbox ul li{padding:0 7.5px;}
}

@media (max-width: 1440px) {
    .page-content.highlightsdetail .bg-color-2 .contentbox .highlightsdetailbox .highlightsdetail .highlightsdetails .borderbox .titlebox span.title{height: 56px;font-size:18px;}
    .page-content.highlightsdetail .outside{padding: 20px 15px;}
    .page-content.highlightsdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0 15px;}
    .page-content.highlightsdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 20px 10px 20px;}
}

@media (max-width: 1366px) {
    .page-content.highlightsdetail .outside{padding: 20px 15px;}
    .page-content.highlightsdetail .bg-color-2{padding:0 0 20px;}
    .page-content.highlightsdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px 25px;}
    .page-content.highlightsdetail .bg-color-2 .contentbox .highlightsdetailbox .highlightsdetail .highlightsdetails .borderbox .titlebox span.title{font-size: 20px}
}

@media (max-width: 1024px) {
    .page-content.highlightsdetail .bg-color-2 .menulist{padding:0 7.5px;}
    .page-content.highlightsdetail .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title{padding:10px;}
    .page-content.highlightsdetail .bg-color-2 .menulist .panel-group .panel .panel-heading .panel-title span{padding:0;}
    .page-content.highlightsdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{padding: 10px;}
    .page-content.highlightsdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a{padding: 10px 10px 10px 10px;border-left:none;}
    .page-content.highlightsdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0;}
    .page-content.highlightsdetail .bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0;}
    .page-content.highlightsdetail .bg-color-2 .contentbox{padding:0 7.5px;}
}

@media (max-width: 768px) {
    .page-content.highlightsdetail .bg-color-2 .menulist {display: none;}
    .page-content.highlightsdetail .bg-color-2 .contentbox{width:100%;}
    .page-content.highlightsdetail .bg-color-2 .contentbox .highlightsdetailbox ul li{padding:0 10px;}
    .page-content.highlightsdetail .bg-color-2 .contentbox .highlightsdetailbox .arrowbox .pagination li{padding:0;}
    .page-content.highlightsdetail .bg-color-2 .contentbox .highlightsdetailbox .highlightsdetail .highlightsdetails{width:50%;}
    .page-content.highlightsdetail .bg-color-2 .contentbox .highlightsdetailbox .highlightsdetail .highlightsdetails:nth-child(odd){padding:0 5px 0 0;}
    .page-content.highlightsdetail .bg-color-2 .contentbox .highlightsdetailbox .highlightsdetail .highlightsdetails:nth-child(even){padding:0 0 0 5px;}
    
}

@media (max-width: 640px) {
    .page-content.highlightsdetail .bg-color-2 .contentbox .highlightsdetailbox ul li .title{height:auto;}
    .page-content.highlightsdetail .bg-color-2 .contentbox .highlightsdetailbox .arrowbox .pagination{padding:0;}
    .page-content.highlightsdetail .bg-color-2 .contentbox .highlightsdetailbox .arrowbox{text-align: center;}
    .page-content.highlightsdetail .bg-color-2 .contentbox .highlightsdetailbox .picturebox .picturelist .picture{width:50%;}
}

@media (max-width: 480px) {
    .page-content.highlightsdetail .bg-color-2 .contentbox .highlightsdetailbox ul li{padding:0 5px;}
}


/**************************
index
**************************/
.page-content.comingsoon{margin-bottom: 20px;}
.page-content.comingsoon .outside{padding:35px 0 0;}
.page-content.comingsoon .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none;}
.page-content.comingsoon .bg-color-2 .textbox{}

.page-content.comingsoon .box{border:1px solid #333366;margin:20px auto 20px auto;width:98%;text-align:center;position:relative;background:#ffffff;}
.page-content.comingsoon .box .textbox{position: absolute;top: 25%;left: 0;width: 100%;}
.page-content.comingsoon .box p{text-indent:0;font-size:20px;margin: 0;font-family: Microsoft JhengHei;}
.page-content.comingsoon .box p.red{color: #e70010;font-size: 40px;margin: 30px 0;}

@media (max-width: 480px) {
    .page-content.comingsoon .box p.red{font-size:30px;}
    .page-content.comingsoon .box p{font-size:20px;}
}


.page-content.newlist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav.block{ display: inline-block;}
.page-content.newdetaillist .bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav.block{ display: inline-block;}

/**************************
cartlist
**************************/
.page-content.friendlylinks{}
.page-content.friendlylinks .outside{padding: 20px 0;}
.page-content.friendlylinks .bg-color-2{/*background-image:url('../../images/common/bg02.png');background-repeat:repeat;background-position:center center;background-size:cover;-webkit-box-shadow: 0 5px 5px #999999;-moz-box-shadow: 0 5px 5px #999999;-o-box-shadow: 0 5px 15px #999999;box-shadow: 0 5px 5px #999999;*/background:none;padding:20px 0;}
.page-content.friendlylinks .bg-color-2 .contentbox{width:100%;}
.page-content.friendlylinks .bg-color-2 .contentbox .breadcrumbsbox{background:#fdfdfb;border:1px solid #dcdcdc;padding:10px 15px;margin-bottom:10px;}
.page-content.friendlylinks .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs{}
.page-content.friendlylinks .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li{display:inline-block;vertical-align: middle;}
.page-content.friendlylinks .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:after{content:'/';font-size:16px;padding:0 2px;display:inline-block;vertical-align: middle;}
.page-content.friendlylinks .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li:last-child:after{content:'';}
.page-content.friendlylinks .bg-color-2 .contentbox .breadcrumbsbox .breadcrumbs li a{text-decoration: none;font-size:18px;display:inline-block;vertical-align: middle;color:#333333;word-break: break-all;}
.page-content.friendlylinks .bg-color-2 .contentbox .listbox{background:#fdfdfb;border: 1px solid #dcdcdc;padding: 50px 15px;font-size:0;}
.page-content.friendlylinks .bg-color-2 .contentbox .listbox .space{display:inline-block;width:15%;height:1px;}
.page-content.friendlylinks .bg-color-2 .contentbox .listbox .box{display:inline-block;width:70%;}
.page-content.friendlylinks .bg-color-2 .contentbox .listbox .box .title{border-bottom:1px dashed #333333;}
.page-content.friendlylinks .bg-color-2 .contentbox .listbox .box .title span{font-size:20px;}
.page-content.friendlylinks .bg-color-2 .contentbox .listbox .box .list{padding:30px 25px;}
.page-content.friendlylinks .bg-color-2 .contentbox .listbox .box .list ul{}
.page-content.friendlylinks .bg-color-2 .contentbox .listbox .box .list ul li{margin-bottom:10px;}
.page-content.friendlylinks .bg-color-2 .contentbox .listbox .box .list ul li span{font-size:16px;display:inline-block;width:25%;font-weight:bold;vertical-align: middle;}
.page-content.friendlylinks .bg-color-2 .contentbox .listbox .box .list ul li a{font-size:16px;display:inline-block;width:75%;color:#e70010;text-decoration:none;}

.page-content.friendlylinks .bg-color-2 .contentbox .listbox .box .backbox{text-align:right;}
.page-content.friendlylinks .bg-color-2 .contentbox .listbox .box .backbox a{text-decoration:none;display:inline-block;color:#333333;}
.page-content.friendlylinks .bg-color-2 .contentbox .listbox .box .backbox a:hover{color:#e70010;}
.page-content.friendlylinks .bg-color-2 .contentbox .listbox .box .backbox a span{font-size:20px;display:inline-block;padding:0 10px;font-weight:bold;vertical-align:middle;}
.page-content.friendlylinks .bg-color-2 .contentbox .listbox .box .backbox a i{font-size:25px;font-weight:bold;vertical-align:top;}
.page-content.friendlylinks .bg-color-2 .contentbox .listbox .box .backbox a i:before{vertical-align:top;}

@media (max-width: 1440px) {
    .page-content.friendlylinks .outside{padding: 20px 15px;}
}

@media (max-width: 1366px) {
    .page-content.friendlylinks .bg-color-2 .contentbox .listbox .space{width:10%;}
    .page-content.friendlylinks .bg-color-2 .contentbox .listbox .box{width:80%;}
    .page-content.friendlylinks .bg-color-2 .contentbox .listbox .box .list{padding:30px 20px;}
}

@media (max-width: 1280px) {
    .page-content.friendlylinks .bg-color-2 .contentbox .listbox .space{width:10%;}
    .page-content.friendlylinks .bg-color-2 .contentbox .listbox .box{width:80%;}
    .page-content.friendlylinks .bg-color-2 .contentbox .listbox .box .list{padding:30px 20px;}
}

@media (max-width: 1024px) {
    .page-content.friendlylinks .bg-color-2 .contentbox .listbox .space{width:5%;}
    .page-content.friendlylinks .bg-color-2 .contentbox .listbox .box{width:90%;}
    .page-content.friendlylinks .bg-color-2 .contentbox .listbox .box .list{padding:30px 20px;}
}

@media (max-width: 768px) {
    .page-content.friendlylinks .bg-color-2 .contentbox .listbox{padding:20px;}
    .page-content.friendlylinks .bg-color-2 .contentbox .listbox .box{width:100%;}
    .page-content.friendlylinks .bg-color-2 .contentbox .listbox .box .list{padding:10px;}
    .page-content.friendlylinks .bg-color-2 .contentbox .listbox .box .list ul li span{width:35%;}
    .page-content.friendlylinks .bg-color-2 .contentbox .listbox .box .list ul li a{width:65%;}
}

@media (max-width: 640px) {
    .page-content.friendlylinks .outside{padding: 20px 15px;}
    .page-content.friendlylinks .bg-color-2 .contentbox .listbox .box .list ul li span{width:100%;word-break: break-all;}
    .page-content.friendlylinks .bg-color-2 .contentbox .listbox .box .list ul li a{width:100%;word-break: break-all;}
    .page-content.friendlylinks .bg-color-2 .contentbox .listbox .box .list{padding: 10px 0;}
}

.bg-color-2 .menulist .panel-group .panel .panel-collapse{padding:0 10px 20px 10px;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body{border-top:none;padding:0;}
.bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav{}
.bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li{border-bottom:1px solid #dcdcdc;}
.bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a{font-size:16px;color:#333333;padding: 10px 30px 10px 30px;font-weight: bold;}
.bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a.active{color:#e70010;}
.bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:hover{background:#e70010;color:#ffffff;}
.bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li a:focus{background:#e70010;color:#ffffff;}
.bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav{padding: 0 0 10px 0;width:100%;display:none;}
.bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav.block{display:inline-block;}
.bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav.active{display:inline-block;}
.bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li{padding:0 10px;border-bottom:none;}
.bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li a {border-left: 1px solid #dcdcdc;text-decoration: none;display: inline-block;width: 100%;padding:10px 10px 10px 10px;}
.bg-color-2 .menulist .panel-group .panel .panel-collapse .panel-body .nav li .subnav li:hover a{color:#ffffff;}