@charset "UTF-8";/* CSS Document */

body{display: block !important; visibility: visible !important;}
a:link,a:visited,a:hover,a:active{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

/* common style */
input[type=checkbox]{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; cursor:pointer; width:18px; height:19px; margin: 0; position: absolute; top: 0; left: 0;}
input[type=radio]{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; cursor:pointer; width:20px; height:19px; margin: 0; position: absolute; top: 0; left: 0;}
p{margin-bottom:3%;}
.checkboxLayer{background: url("../../img/desktop/check-box.png") no-repeat; display: inline-block; width: 18px; height: 19px; vertical-align: middle; margin-top: -3px; margin-left:0.5%;position: relative; cursor: pointer;}
.checkboxLayer.active{background-position: 0px -20px;}
/* .checkboxLayer input{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; cursor:pointer; width:18px; height:19px; margin: 0; position: absolute; top: 0; left: 0;} */
.radioLayer{background: url("../../img/desktop/radio-button.png") no-repeat;display: inline-block; width: 20px; height: 19px; vertical-align: middle; margin: -3px 5px 0 0; position: relative; cursor: pointer;}
.radioLayer.active{background-position: 0px -19px;}
/* .radioLayer input{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; cursor:pointer; width:20px; height:19px; margin: 0; position: absolute; top: 0; left: 0;}
p{margin-bottom:3%;} */
/*#container .innerpage-content .cmhkDropDown span{margin:2% 0;}*/

.clear-mobile{clear: both; display: block;}
.mobile-pad-displaynone{display: none;}
/* common style */

.fixfixed{position: absolute !important;}
.fixfixed #header{position: relative !important;}
.fixfixed #main-menu-pad {position: absolute !important;}
.fixfixed #container{margin-top: 0 !important;} 

.shop-addr .cmhkDropDown .selected, .cmhkDropDown li {    display: block; font-size: 1em; line-height: 1.3em;overflow-x: hidden;overflow-y: hidden;padding:10px ;white-space: pre-wrap; word-wrap: break-word;}

.apps-download {height:60px; padding: 10px 20px;background:#020121 url("../../img/mobile/tc/event.jpg") no-repeat top center;background-size:auto 100%;}
.apps-download a.view-banner{float:left;width:90%;display:block;text-indent:-9999px;height:60px;} 
.ie8 .apps-download {background:url("../../img/mobile/tc/event-01.jpg") no-repeat top center;} 
.apps-download .close{float:left;display:block; margin:22px 0 0;width:10%;height:21px;background:url("../../img/mobile/app-promotion-close.png") no-repeat top left; cursor: pointer;}
.apps-download .close-white{background:url("../../img/mobile/app-promotion-close.png") no-repeat top left;}
.apps-download .close-black{background:url("../../img/mobile/app-promotion-close-black.png") no-repeat top left;}


/*.apps-download {background-color:#9a9b9c;height:60px; padding: 10px;min-width:300px;}
.apps-download .app-left{float:left;background:url("../../img/mobile/app-icon2.png") no-repeat top left;background-size:56px 56px;height:56px; padding:10px 0 0 65px;color:#fff;font-size:1.5em; font-weight:bold;} 
.ie8 .apps-download .app-left{float:left;background:url("../../img/mobile/app-icon.png") no-repeat top left;background-size:56px 56px;height:56px; padding:10px 0 0 65px;color:#fff;font-size:1.5em; font-weight:bold;} 
.apps-download .app-left .discription {font-size:0.6em;margin-top:5px; font-weight:normal;}
.apps-download .close{float:left;display:block; width:19px;height:21px;background:url("../../img/mobile/app-promotion-close.png") no-repeat top left;margin:17px 10px 17px 0; cursor: pointer;}
.apps-download .app-right {float:right;border-left:1px solid #ddd;padding:0 1% 0 3%; height:56px; text-align:center;}
.apps-download .app-right a.view{display:block;width:50px;padding:7px 10px;background-color:#8fc31f; border-radius:3px; color:#fff;margin-top:10px;}*/

.anewdream{display:none;}
/************* header **************/
#header{position:fixed;top:0;right:0;z-index:9999;width:100%;}
#header .desktop-menu{display:none; text-indent: -9999px;}
#header .header-container{width:100%;position:relative;height:53px;background-color:#8fc31f;/*font-size:1.154em;*/z-index:12;min-width:320px;}
#header .header-container .company-logo{float:left;width:133px;height:30px;margin:10px;text-indent:-9999px;background:url("../../img/mobile/cmhk-logo2.png") no-repeat;background-size:133px 30px;}
.ie8 #header .header-container .company-logo{float:left;width:133px;height:30px;margin:10px;text-indent:-9999px; background:url("../../img/mobile/cmhk-logo.png") no-repeat;background-size:auto auto;}

#header .header-container ul.tool-kits{position:absolute;top:0px;right:5px;}
#header .header-container ul.tool-kits li{float:left;width:40px;text-indent:-9999px;cursor:pointer;}
#header .header-container ul.tool-kits li.login-shortcut{margin-top:5px;height:48px;background:url("../../img/mobile/login-icon.png") no-repeat center 3px;}
#header .header-container ul.tool-kits li.login-shortcut.active{background-position:50% -39px;background-color:#fff;}
#header .header-container ul.tool-kits li.search-function{margin-top:7px;height:46px;background:url("../../img/mobile/search-icon.png") no-repeat center 1px;}
#header .header-container ul.tool-kits li.search-function.active{background-position:50% -41px;background-color:#fff;}
#header .header-container ul.tool-kits li.language{margin-top:7px;height:46px;background:url("../../img/mobile/lang-icon.png") no-repeat center top;}
#header .header-container ul.tool-kits li.language.active{background-position:50% -42px;background-color:#fff;}
#header .header-container ul.tool-kits li.btn{height:43px;margin-top:10px;background:url("../../img/mobile/main-menu-btn.png") no-repeat center -2px;}
#header .header-container ul.tool-kits li.btn.active{background-position:50% -44px;background-color:#fff;}

/* login */
#header .header-container .login-container{display:none;width:94%;position:fixed;top:133px;left:0;z-index:999;background:#f9f9f9;border-bottom:1px solid #ddd;overflow-y:scroll;height:100%;padding:0 3%;}
#header .header-container .login-container .shortcut-area{margin:3% 0 100px;}
.overlay-scroll{position:fixed;top:53px;right:0px;background-color:#f9f9f9;height:100%;width:20px;z-index:1000;}
#header .header-container .login-container .shortcut-area .title{color:#e40077;font-size:1.3em;padding:3% 0 3% 3%;margin-bottom:3%;border-bottom:1px solid #DEDEDE; line-height: 1em;}
#header .header-container .login-container .shortcut-area > ul > li,
#header .header-container .login-container .shortcut-area .account > ul > li{width:94%;padding:5% 0 5% 3%;}
#header .header-container .login-container .shortcut-area > ul > li > a,
#header .header-container .login-container .shortcut-area .account > ul > li > a{color:#8DAF00;}
#header .header-container .login-container .shortcut-area ul li ul{margin-top:20px}
#header .header-container .login-container .shortcut-area ul li ul li{background:url("../../img/pad/menu-bullet.png") no-repeat left 5px;padding:0 0 3% 20px;}
#header .header-container .login-container .shortcut-area ul li ul li a{color:#555;line-height:1.3em;}
#header .header-container .login-container .shortcut-area.login{}
#header .header-container .login-container .shortcut-area.login .time {padding-left:3%;line-height:1.3em;}
#header .header-container .login-container .shortcut-area.login .btn-logout{margin-top:5%;padding-left:3%;}
#header .header-container .login-container .shortcut-area.login .btn-logout .button_style{background-color:#e40077;font-size:1.15em;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#ffffff;padding:8px 25px 10px;border:none;cursor:pointer;}
#header .header-container .login-container .shortcut-area.logout .title{border-bottom:none;}
#header .header-container .login-container .shortcut-area.logout p{color:#555555;padding-left:3%;}
#header .header-container .login-container .loading{background:url("../../img/loading2.gif") no-repeat center; width: 100%; height: 50%;}
/* login */

/* search */
#header .header-container .search-container{display:none;width:94%;position:absolute;top:100%;left:0;z-index:999;padding:3%;background-color:#fff;border-bottom:1px solid #ddd;}
#header .header-container .search-container .searchbox{float:left;/*margin-left:2%;*/width:66%}
#header .header-container .search-container .box_style{ font-size:1em;width:96%;height:33px;line-height:33px;border:2px solid #8CC63E;color:#555;border-radius:3px;padding:0 2%;}
#header .header-container .search-container .searchbutton{float:left;margin-left:3%;width:30%}
#header .header-container .search-container .button_style{background-color:#e40077;font-size:1.15em;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#ffffff;padding:0 18px;height:37px;border:none;-webkit-appearance: none;}
/* search */

/* language */
#header .header-container .language-container{display:none;position:absolute;top:100%;right:0;z-index:999;background-color:#fff;text-align:center;padding:2%;border:1px solid #ddd;border-top:none;}
#header .header-container .language-container a{height:60px;width:60px;line-height:64px;background-color:#aaa;font-size:1.667em;color:#fff;display:block;text-align:center;margin:0 5px;float:left;}
#header .header-container .language-container a:first-child{border-top:none;}
#header .header-container .language-container a.active{background-color:#e40077;}
/* language */
/************* header **************/

/************* menu **************/
#main-menu-desktop{display:none; text-indent: -9999px;}
.transparent_bg_pad{display:none;width:100%;height:100%;position:absolute;z-index:9999;background-color:rgb(0,0,0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}
#main-menu-pad{display:none;width:100%;height:97%;position:fixed;z-index:9999;top:53px;right:-600px;margin-right:-10%;}
#main-menu-pad .pad-menu{width:100%;height:100%;background-color:#FFFFFF;overflow-y:scroll;}
#main-menu-pad .pad-menu .loading{display: none; background: url(../../img/mobile/loading.gif) no-repeat; width: 100px; height: 28px; margin: 20px auto 0;}
#main-menu-pad .pad-menu ul{width:100%;list-style:none;margin:0 0 55px 0;}
#main-menu-pad .pad-menu ul li{position:relative;}
#main-menu-pad .pad-menu ul li a{padding:4% 12% 4% 6%;display:block;border-bottom:1px solid #C1C1C1;text-align:left;color:#606060;font-size:1.15em;line-height:1.5em;}
#main-menu-pad .pad-menu ul li.active > a{color:#79C628;border-bottom:none;}
#main-menu-pad .pad-menu ul li.has-sub > ul{display:none;width:100%;padding:0;margin:0;background-color:#f3f3f3;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
#main-menu-pad .pad-menu ul li.has-sub > ul a{border-bottom:1px solid #ddd;padding:3% 12% 3% 9%;font-size:1em;}
#main-menu-pad .pad-menu ul li.has-sub > ul > li > ul{display:none;width:100%;padding:2% 0 8% 0;margin:0;border-bottom:1px solid #ddd;background-color:#ececec;}
#main-menu-pad .pad-menu ul li.has-sub > ul > li > ul a{border:none;padding:5% 19% 0 12%;font-size:1em;}
#main-menu-pad .pad-menu ul li.has-sub > ul > li > ul > li >ul{display:none;width:80%;padding:2% 0 5% 0;margin:5% 0 0 5%;border-bottom:1px solid #ddd;}
#main-menu-pad .pad-menu ul li.has-sub > ul > li > ul > li >ul a{border:none;padding:4% 0 0 14%;font-size:1em;}
/************* menu **************/

/* mobile menu 主頁快捷鍵 */
#mobile-menu-shortcut{position:relative;}
#mobile-menu-shortcut ul{font-size:1em;}
#mobile-menu-shortcut > ul > li{float:left;width:20%;text-align:center;}
#mobile-menu-shortcut ul li a{display:block;color:#555555;padding:17% 6% 7%;border-left:1px solid #ddd;height:1.8em;position:relative;font-size:0.85em;line-height:1.2em;border-bottom:1px solid #f3f3f3;}
#mobile-menu-shortcut ul li.active > a{color:#8DAF00;}
#mobile-menu-shortcut ul li.active span{display:block;position:absolute;left:0px;bottom:-2px;width:100%;height:7px;background:url("../../img/mobile/short-cut-arrow.png") no-repeat center top;text-indent:-9999px;z-index:889;}
#mobile-menu-shortcut ul li ul{position:absolute;top:100%;left:0%;z-index:888;background:#f9f9f9;border-top:1px solid #ddd;width:100%;display:none;}
#mobile-menu-shortcut ul li ul li{border-bottom:1px solid #ddd;}
#mobile-menu-shortcut ul li ul li a{padding:5% 0 4%;border-left:none;height:auto;font-size:1.15em}
/* mobile menu 主頁快捷鍵 */

#container{margin:53px 0 0;font-size:15px}
#container .index-box-images{width:291px;height:251px;text-align:center;}

#container .middleContent .slick-slide{margin:0 1%}

#container .middle-content{width:100%!important;min-width:100%!important;margin:0px auto;padding:0 0 6%;position:relative;}
#container #middleContent2  .middle-content {padding: 8% 0 8%;}
#container #middleContent .middle-content {padding:8% 0 8%;}
#container .index-box-images{width:100% !important;height:auto!important;text-align:center;/*overflow:hidden;*/}
#container .middle-content .index-box-images img{width:inherit;max-width:100%;height:auto;}
#container .middle-content .handsetPromote .index-box-images img{width:auto;}

#container .middle-content .box-container{width:80%;display:block;padding:0 10%;margin:0 auto;}
#container .middle-content .box{/*float:left;*/width:90%;display:block;color:#555;margin:0 5%}
#container .middle-content .title-midbox{font-size:1.667em;color:#8fc31f ;padding:3% 0 8%;text-align:center;line-height:normal;/*min-height:50px;*/}
#container .middle-content .box .boxtitle{color:#8daf00;font-size:1.3em;padding:8px 0;line-height:normal;}
#container .middle-content .box .text-content{font-size:1em;line-height:1.667em; text-align:left;}
#container .middle-content .box .text{width:100%;padding:20px 0 0 0;margin:0 auto;text-align:center;/*height:200px;*/}
/*#container .middle-content .box a.more-icon{margin:10%;padding:10px 12px;position:absolute;bottom:1%;left:-15%;background-color:#8fc31f ;color:#fff;border-radius:3px;text-align:center;font-size:0.882em;display:block;width:100%;}*/
#container .middle-content .box a.more-icon{margin:6% 0; line-height:normal;}

#container .middle-content .arrow .left-arrow{background:url("../../img/desktop/left-arrow.png") no-repeat left top;height:80px;left:2%;margin:0;padding:0;position:absolute;text-indent:-9999px;top:50%;width:20px;z-index:888;}

#container .middle-content .arrow .right-arrow{background:url("../../img/desktop/right-arrow.png") no-repeat right top;height:80px;right:2%;margin:0;padding:0;position:absolute;text-indent:-9999px;top:50%;width:20px;z-index:888;}
#container .middle-content .section-title{width:100%;text-align:center;color:#8fc31f ;font-size:1.677em;margin:0 auto;padding:3% 0 8%}
#middleContent2 .middle-content .box{float:left;width:90%;display:block;color:#555;font-size:18px;margin:0 5%;display:block;position:relative;}
#container .bottom-content{width:100%!important;min-width:100%!important;background-color:#f3f3f3;margin:0px auto;padding:10% 0 15%;position:relative;}
#container .bottom-content.whitebg{background-color:#fff}
#container .bottom-content .section-title{width:100%;text-align:center;color:#8fc31f ;font-size:1.677em;margin:0 auto;padding:3% 0 8%}
#container .bottom-content .index-box-images{width:100% !important;height:auto!important;text-align:center;/*overflow:hidden;*/}
#container .bottom-content .index-box-images img{width:inherit;max-width:100%;height:auto;}

#container .bottom-content .box-container{width:80%;display:block;padding:0 10%;margin:0 auto;}
#container .bottom-content .box{float:left;width:90%;display:block;color:#555;margin:0 5%}
#container .bottom-content .box .boxtitle{color:#8DAF00;font-size:1.3em;padding:3% 0;line-height:normal;}
#container .bottom-content .box .text-content{font-size:1em;line-height:1.667em; text-align:left;}
#container .bottom-content .box1{/*float:left;height:510px;*/height:auto;/*margin:0 2%;*/display:block;/*position:relative;*/}
#container .bottom-content .box2{display:none}
#container .bottom-content .box3{display:none}
#container .bottom-content .box .text{width:100%;padding:5% 0 0;margin:0 auto;text-align:center;/*height:200px;*/}
/*#container .bottom-content .box a.more-icon{margin:10%;padding:10px 12px;position:absolute;bottom:1%;left:-15%;background-color:#8fc31f ;color:#fff;border-radius:3px;text-align:center;font-size:0.882em;display:block;width:100%;}*/
#container .bottom-content .box a.more-icon{margin:6% 0 0}
#container .bottom-content .arrow .left-arrow{background:url("../../img/desktop/left-arrow.png") no-repeat left top;height:80px;left:2%;margin:0;padding:0;position:absolute;text-indent:-9999px;top:50%;width:20px;z-index:888;}
#container .bottom-content .arrow .right-arrow{background:url("../../img/desktop/right-arrow.png") no-repeat right top;height:80px;right:2%;margin:0;padding:0;position:absolute;text-indent:-9999px;top:50%;width:20px;z-index:888;}


#container .payment-content {padding:8% 0 15%}
#container .payment-content .title-midbox{font-size:1.667em;color:#8fc31f ;padding:3% 0 8%;text-align:center;line-height:normal;}
#container .payment-content .box .boxtitle{display:none}
#container .payment-content .box .text{width: 100%;}
#container .payment-content .box:hover a.more-icon{background-color:#8fc31f}
#container .payment-content .box a.more-icon:hover{background-color:#e40077}
#container .payment-content .index-box-images{height:auto}
#container .payment-content .box .text-content .li-box li {float: left;display: block;border: 0;color: #555555;margin-right: 3%;margin-bottom:3%;text-align: center;height: 3em;line-height: 2.8em;cursor: pointer; background-color:#fff;border:1px solid #ccc;box-sizing:border-box}
#container .payment-content .box .text-content .li-box li:hover,#container .payment-content .box .text-content .li-box li.selected{border:1px solid #8fc31f;line-height: 2.7em;color:#8fc31f;box-shadow:0 0 4px #ccc;}
#container .payment-content .box .text-content .li-box li.last-tablet{margin-right:0}
#container .payment-content .box .text-content .prepaid-value-container .li-box li{width: 48.5%;}
#container .payment-content .box .text-content .buyphone-container .li-box li{width: 100%;margin-right:0;margin-left:0}
#container .payment-content .box .text-content .input-field-style{width: 100%;height: 3em;line-height: 3em;border: 1px solid #ccc;padding: 0 3%;box-sizing: border-box;}


/*#container .news-content{width:100%!important;min-width:100%!important;margin:0 auto;padding:0;position:relative;background-color:#f3f3f3;}*/
#container .news-content{width:100%!important;min-width:100%!important;margin:0 auto;padding:8% 0 6%;position:relative;background-color: #f3f3f3;}
#container .news-content .section-title{width:100%;text-align:center;color:#8fc31f ;font-size:1.667em;margin:0 auto;padding:3% 0 8%}
/*#container .news-content .index-box-images{float:left;margin:0 30px;width:346px;height:250px;}*/
#container .news-content .index-box-images{width:100% !important;height:auto!important;}
#container .news-content .index-box-images img{width:inherit;max-width:100%;height:auto;}

#container .news-content .box-container{width:80%;display:block;margin:0 auto;padding:0 10%;/*font-size:17px;*/}
#container .news-content .text{padding:0;margin:5% 1.5%;text-align:center;width:97%;}
#container .news-content .text .boxtitle{font-size:1.2em;line-height:normal;padding:8px 0;}
#container .news-content .text .date{color:#555;font-size:1.2em;line-height:normal;padding:8px 0;}
#container .news-content .text .text-content{font-size:1em;line-height:1.667em;/*height:350px;*/text-align:left;}

/*#container .news-content .text a.more-icon{margin-bottom:10%;padding:10px 12px;background-color:#8fc31f ;color:#fff;border-radius:3px;text-align:center;font-size:0.833em;display:block;width:93%;}*/
#container .news-content .text a.more-icon{margin:6% 0 10%}
#container .news-content .arrow .left-arrow{background:url("../../img/desktop/left-arrow.png") no-repeat left top;height:80px;left:2%;margin:0;padding:0;position:absolute;text-indent:-9999px;top:50%;width:20px;z-index:888;}
#container .news-content .arrow .right-arrow{background:url("../../img/desktop/right-arrow.png") no-repeat right top;height:80px;right:2%;margin:0;padding:0;position:absolute;text-indent:-9999px;top:50%;width:20px;z-index:888;}

/* for index page btn common style */
a.more-icon{padding:3.5% 2%;background-color:#8AC23D;color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-align:center;font-size:1em;display:block;width:100%;box-sizing:border-box}

.scroll-pane1{overflow:auto;max-height:350px;padding:0 5px;}
.vertical-only{height:auto;}

.banner{margin-bottom:20px;z-index:1;width:100% !important;height:auto!important;}
#topBanner .banner {margin-bottom:0;}
.banner .slider{position:relative;}
.banner .slider img{max-width:100%;height:auto;border:none}
.banner .slider ul{margin:0;padding:0;list-style:none;width:100%;height:auto;overflow:hidden;position:relative;}

/*.banner .slider ul li{position:absolute;top:0;left:50%;}*/

.banner .slider .cycle-slides-box{margin:0;padding:0;width:100%;overflow:hidden;position:relative;height:auto;background-position:center;/* text-indent:-9999px*/}

.banner .slider .dots{z-index:40;*zoom:1;text-align: center; padding: 4% 0; border-bottom: 1px solid #ddd;}
.banner .slider .dots:after{display:table;clear:both;content:"";}
.banner .slider .dots .dots-center{display: inline-block;}
.banner .slider .dots a{display:block;float:left;width:0.8em;height:0.8em;margin-right:10px;text-indent:-9999em;background:#868485;border-radius:10px;}
.banner .slider .dots .cur{background:#8fc31f;}
.banner .slider .arrow{width:65%;position:absolute;top:45%;left:18%;z-index:50;}
.banner .slider .arrow a{font-size:34px;font-weight:700;color:#fff;}
.banner .slider .arrow .btn-left{float:left;display:block;width:32px;height:53px;background:url("images/left-arrow.png") no-repeat left top;text-indent:-9999em;}
.banner .slider .arrow .btn-right{float:right;display:block;width:32px;height:52px;background:url("images/right-arrow.png") no-repeat left top;text-indent:-9999em;}

.banner2 .slider2{position:relative;padding:0 60px;}
.banner2 .slider2 ul{margin:0;padding:0;list-style:none;width:100%;height:100px;overflow:hidden;position:relative;}
.banner2 .slider2 ul li{position:absolute;top:30%;left:0;display:none;font-size:1em;text-align:center;}
.banner2 .slider2 ul li .event-date{display:block;float:left;margin:12px 20px 0 0}
.banner2 .slider2 ul li .event-content{display:block;margin-top:12px;float:left;}
.banner2 .slider2 .arrow2{width:100%;position:absolute;top:25%;left:0;z-index:50;}
.banner2 .slider2 .arrow2 a{font-size:2.3em;font-weight:700;color:#ccc;}
.banner2 .slider2 .arrow2 .btn-left2{float:left;display:block;width:32px;height:53px;background:url("images/left-arrow.png") no-repeat left top;text-indent:-9999em;}
.banner2 .slider2 .arrow2 .btn-right2{float:right;display:block;width:32px;height:52px;background:url("images/right-arrow.png") no-repeat left top;text-indent:-9999em;}

#footer{padding:0 0 50px 0;background:#8fc31f url("../../img/desktop/footer-bg.png") no-repeat center top;color:#ffffff;font-size:15px;}
#footer a{color:#ffffff;}

#footer .slogan-n-share{margin:0 auto;/* padding:4% 0 5%; */padding:6% 0;width:100%;background-color:#8bbe39;}
#footer .slogan{display:none;margin:0 auto;width:228px;height:47px;background:url("../../img/mobile/tc/slogan.png") no-repeat center top;background-size:228px 47px;text-indent:-9999em; border-bottom:1px solid #fff; padding-bottom:13px;margin-bottom:15px;}
.ie8 #footer .slogan {display:none;background:url("../../img/desktop/tc/slogan.png") no-repeat top center;} 
#footer .index-share{margin:0 auto 0;width:225px;}
#footer .index-share a{float:left;height:25px;width:26px;margin-left:25px;}
#footer .index-share a.printer{display:none;}
#footer .index-share a.facebook{width:13px;background:url("../../img/desktop/facebook-share.png") no-repeat;}
#footer .index-share a.wechat{background:url("../../img/desktop/wechat-share-icon.png") no-repeat;}
#footer .index-share a.email{background:url("../../img/desktop/forward-top-friend-icon.png") no-repeat;}
#footer .index-share .share_text{float:left;line-height:25px;color:#ffffff;}

#index-sitemap{margin:6% auto 5%;width:94%;}
#index-sitemap .table_list{border-bottom:1px solid #fff;padding-bottom:3%;margin-bottom:6%;}
#index-sitemap .table_list ul{float:left;width:48%;padding-right:2%;}
#index-sitemap .table_list ul li{padding:0 0 5% 0;}
#index-sitemap .table_list ul li.title{font-weight:bold;}
#index-sitemap .qrcode{display:none;}
#index-sitemap .social{}
#index-sitemap .socialweb_icon{float:left;width:50%;margin-bottom:3%;}
#index-sitemap .socialweb_icon a{float:left;display:block;margin-left:3%;padding-top:4%;width:74%; line-height:1.3em;}
#index-sitemap .socialweb_icon a:first-child{width:20%;padding:0;}
#index-sitemap .socialweb_icon a img{display:block;max-width:100%;height:auto;}

#footer .copyright{margin:6% auto 0;width:94%;line-height:1.5em;}
#footer .copyright .footer-sitemap-link{display: none}
#footer .copyright .caring-company{background: url("../../img/mobile/Caring-Company_4c.png") no-repeat; background-size: 134px 63px;width:134px;height:63px;text-indent:-9999em;display:block;float:left;margin:0 2em 1.5em 0;}
#footer .copyright .iso27001{background: url("../../img/mobile/SGS_ISO27001.png") no-repeat;background-size: 65px 63px;width:65px;height:63px;text-indent:-9999em;display:block;float:left;margin:0 2em 1.5em 0;}
#footer .copyright .eshop-HKRMA{background: url("../../img/mobile/ChinaMobile-QE-Shop-No-201801015.png") no-repeat;background-size: 118px 63px;width:118px;height:63px;text-indent:-9999em;display:block;float:left;margin:0 2em 1.5em 0;}
#footer .copyright .cmhk-star-award{background: url("../../img/mobile/CAHK_star_award-logo.png") no-repeat;background-size: 118px 63px;width:118px;height:63px;text-indent:-9999em;display:block;float:left;margin:0 2em 1.5em 0;}
#footer .copyright .web-accessibility{background: url("../../img/mobile/web-accessibility-logo.png") no-repeat;background-size: 82px 63px;width:82px;height:63px;text-indent:-9999em;display:block;float:left;margin:0 2em 1.5em 0;}

#index-sitemap .download{width:100%;height:auto;float:left;padding:3% 0;margin:3% 0 0 0;border-top:1px solid #ffffff;border-bottom:1px solid #ffffff;}
#index-sitemap .download_title{margin-top:3%;font-size:1.3em}

#index-sitemap .download_icon{float:left;margin:5% 0 0 0;width:50%;}
#index-sitemap .download_icon p{margin-bottom:8%; line-height:1.3em;}
#index-sitemap .download_icon img{width:auto;max-height:2.8em;margin:0 0 4% 0;}

#footer #wechat-qrcode-container{position:fixed;display:none;top: 50%; left: 50%;margin-left: -106px; margin-top: -138px; z-index:9999  }
#footer .wechat-qrcode-area{border:1px solid #dddddd;background-color:#ffffff;padding:20px;width:170px;height:auto;text-align:center}
#footer .wechat-qrcode-area table{margin: 0 auto;}
#footer .wechat-qrcode-text{display:none}
#footer .wechat-qrcode-text-mobile{display:block;color:#555;}
#footer #wechat-qrcode-output{margin:10px auto}

#footer .online-enquiry{z-index: 997;position: fixed;top: 250px;right: 0;background-color: #1298E3;color: #fff;border-radius: 10px 0 0 10px;-moz-border-radius: 10px 0 0 10px;-webkit-border-radius: 10px 0 0 10px;   -webkit-box-shadow: 1px 4px 0px 0px rgba(0,0,0,0.2);-moz-box-shadow: 1px 4px 0px 0px rgba(0,0,0,0.2);box-shadow: 1px 4px 0px 0px rgba(0,0,0,0.2);opacity: 0;transition: opacity 1s ease-in-out;-moz-transition: opacity 1s ease-in-out;-webkit-transition: opacity 1s ease-in-out;}
#footer .online-enquiry a{line-height: 15px;font-size: 11px;width: 12px;padding: 10px 6px;height: 87px;display:block;word-wrap: break-word;text-align: center;}

/* for alert box style */
#alert-content{width:80%!important;min-width:90%!important;margin:0px auto;padding-bottom:0px;position:absolute;top:3%;left:5%;right:5%;z-index:11;font-size:15px;z-index:9998;}
#alert-content .alert-box{border:1px solid #ddd;margin:0 auto;padding:2em;background:#fff;}
#alert-content .alert-box h1{color:#e40077;font-size:2em;line-height:1.2em;margin-bottom:20px;}
#alert-content .alert-box p{font-size:1.1em;line-height:1.5em;}
#alert-content .alert-box .row{margin:50px 0 0 0;text-align:center;}
#alert-content .alert-box .align-center{text-align;left;}
#alert-content .alert-box .checkbox-area{margin-right:20px;}
#alert-content .alert-box .know-btn-area{margin-top:20px;}
#alert-content .alert-box .know-btn-area a.more-icon{margin:0 auto;font-size:1.1em;}
#alert-content .alert-box .listing-style ol{list-style-type:decimal;margin-left:20px;font-size:1.1em;}
#alert-content .alert-box .listing-style ol > li {margin:5% auto;}
#alert-content .alert-box .close{display: block;width: 19px; height: 21px; background: url("../../img/mobile/app-promotion-close-black.png") no-repeat top left;float:right; cursor: pointer;}
#alert-content .alert-box .alert-close{position: absolute;top: 18px;right: 18px;}
#alert-content .alert-box .alert-close a{display: block;width: 19px; height: 21px; background: url("../../img/mobile/app-promotion-close-black.png") no-repeat top left;float:right; cursor: pointer;text-indent:-9999px}

/* with banner only */
#alert-content.alert-banner .alert-box{border:0;padding:0}
#alert-content.alert-banner .alert-box .alert-content{overflow: hidden;height: auto;padding: 0;width: auto;line-height: 0;}
#alert-content.alert-banner .alert-box .alert-content img{max-width:100%}
#alert-content.alert-banner .alert-box .row{display:none}
#alert-content.alert-banner .alert-box .alert-close{top: -14px;right: -14px;}
#alert-content.alert-banner .alert-box .alert-close a {background:none;border: 2px solid #bbb;background-color: #fff;border-radius: 100px;padding: 2px;width:19px;height:19px;}
#alert-content.alert-banner .alert-box .alert-close a:before, #alert-content.alert-banner .alert-box .alert-close a:after {position: absolute;left: 13px;top: 8px;content: ' ';height: 12px;width: 2px;background-color: #bbb;}
#alert-content.alert-banner .alert-box .alert-close a:before {transform: rotate(45deg);}
#alert-content.alert-banner .alert-box .alert-close a:after {transform: rotate(-45deg);}

.transparent_alert_bg{display:none;width:100%;height:100%;position:absolute;z-index:9998;background-color:rgb(0,0,0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}

#homepage-alert h1{font-size:2em;margin-bottom:20px;line-height:2em;}
#homepage-alert p{font-size:1.5em;line-height:1.5em;}

/*======== inner page common style =============*/
#container .page-path{display:none; text-indent: -9999px;}
#container .page-title-container{width:94%;padding:2% 3% 1%;/*height:20px;*/background-color:#f3f3f3;/*margin-bottom:3%*/border-bottom:1px solid #ddd;}
#container .page-title-container .page-title{font-size:1.15em;color:#e40077; line-height:1.8em;}

#container .innerpage-content{width:100%;margin:0 auto;padding:0 0 10% 0;font-size:1em;color:#555555;line-height:1.667em;}
#container .innerpage-content .box-container{width:94%;padding:3%;clear:both;}

#container .innerpage-content .box-container-none{width:94%;padding:3%;clear:both;}
#container .innerpage-content .box-container-none .box-container{width:100%;padding:0 0 5%;clear: none;}

#container .innerpage-content .input-area{margin-bottom:8%;}
#container .innerpage-content .input-title{/*margin-bottom:8px; font-weight: bold;*/}
#container .innerpage-content .input-title-narrow{/*margin-bottom:8px;*/}
#container .innerpage-content .input-field{}

#container .innerpage-content .input-field input[type=text],
#container .innerpage-content .input-field input[type=tel],
#container .innerpage-content .input-field input[type=email],
#container .innerpage-content .input-field input[type=number],
#container .innerpage-content .input-field-style{width:93.6%; height:1.9em;margin:3% 0; font-size:1em;border:1px solid #8fc31f ;padding:2% 3%}
#container .innerpage-content .input-field input[type=text].min-input{width:8%;}
#container .innerpage-content .input-field textarea{width:93.6%; height: 150px; border:1px solid #8fc31f; padding:2% 3%;}

#container .innerpage-content .input-field .checked-list{margin-bottom: 10px;}

#container .innerpage-content .label-style{margin-bottom:2%;font-size:1.15em;}
#container .innerpage-content .asterisk_style{font-size:1em;color:#e40077;font-weight:bold}
#container .innerpage-content .input-field-error{color:#ff0000; clear: both;}

#container .innerpage-content .customer-opinion-zone .label-style{margin-bottom:5%;font-size:1.15em;}
#container .innerpage-content .customer-opinion-zone .btn-area {padding-top:0;}
#container .innerpage-content .customer-opinion-zone input.blue-btn {margin-bottom:0;}

#container .innerpage-content .network-service-opinion-zone .label-style{margin-bottom:5%;font-size:1.15em;}
#container .innerpage-content .network-service-opinion-zone .btn-area {padding-top:0;}
#container .innerpage-content .network-service-opinion-zone input.blue-btn {margin-bottom:5%;}
#container .innerpage-content .network-service-opinion-zone .input-field input.min-input[type="text"] {width:20%;}

#container .innerpage-content .login-content .label-style{margin-bottom:5%;font-size:1.15em;}

#container .innerpage-content .checkbox-area{width:100%;margin-bottom:10px}
#container .innerpage-content .checkbox-area label{margin-left:3%}

#container .innerpage-content .checkbox-area .checkbox-float{float:left;width:5%;margin-top:-2px}
#container .innerpage-content .checkbox-area .label-float{float:left;width:93%;margin-left:2%}
#container .innerpage-content .checkbox-area .label-float label{margin:0}

#container .innerpage-content .account-info-update-content .checkbox-area{width:49%;margin-bottom:10px;float:left;}
#container .innerpage-content .account-info-update-content .label-style{margin-bottom:5%;font-size:1.15em;}

#container .innerpage-content .confirm-area{/*font-weight:bold;*/}
#container .innerpage-content .confirm-area label{margin:0 0 0 10px}

#container .innerpage-content .table-style-noborder{border:none;width:100%;}
#container .innerpage-content .table-style-noborder th, #container .innerpage-content .table-style-noborder td{padding:5% 0 5% 3%;vertical-align:top;}

#container .innerpage-content .table-style{/*border-collapse:collapse;border:1px solid #dddddd;*/width:100%;margin-bottom:5%}
#container .innerpage-content .table-style .table-style .table-style {margin:5% 0;}
#container .innerpage-content .table-style .table-style .table-style th{background-color:#999;}
#container .innerpage-content .table-style .table-style .table-style td{background-color:#f3f3f3;}
#container .innerpage-content .table-style-scroll{width:200%}
#container .innerpage-content .table-style a{color:#e40077}
#container .innerpage-content .table-style th,#container .innerpage-content .table-style td{padding:1em;vertical-align:middle; line-height:1.7em;}
#container .innerpage-content .table-style th{border-bottom:1px solid #ffffff;border-top:1px solid #dddddd;border-right:1px solid #dddddd;border-left:1px solid #dddddd;background:#83BA28;color:#ffffff;font-weight:normal; /*width:30%;*/ /*text-align:left*/}
#container .innerpage-content .table-style td{border:1px solid #dddddd;background:#ffffff; /*word-break: break-all*/}

/*#container .innerpage-content .table-style .no-td-border{border-bottom:none; border-top:none}*/

#container .innerpage-content .th-center th{text-align:center}
#container .innerpage-content .td-center td{text-align:center}
#container .innerpage-content .th-center{text-align:center}
#container .innerpage-content .td-center{text-align:center}

#container .innerpage-content .th-left th{text-align:left}
#container .innerpage-content .td-left td{text-align:left}
#container .innerpage-content .th-left{text-align:left}
#container .innerpage-content .td-left{text-align:left}

#container .innerpage-content .th-right th{text-align:right}

#container .innerpage-content ul li table.table-style{margin:20px 0;}

#container .innerpage-content .toggle-list-area{border-bottom:1px solid #dddddd;overflow:hidden}
#container .innerpage-content .toggle-list-title{color:#000000;font-size:1.15em;/*font-weight:bold;*/padding:15px 50px 15px 0;background:url("../../img/desktop/toggle-arrow.png") no-repeat 97% 50%;cursor:pointer}
#container .innerpage-content .toggle-list-content{/*padding-bottom:50px;*/}
#container .innerpage-content .toggle-list-area .middle-title{margin-bottom:0}


#container .innerpage-content .scroll-table{width:100%;margin:0 auto 5%;overflow-x:auto;overflow-y:hidden;scrollbar-face-color:#BBBBBB;scrollbar-highlight-color:#BBBBBB;scrollbar-shadow-color:#BBBBBB;scrollbar-3dlight-color:#BBBBBB;scrollbar-arrow-color:#BBBBBB;scrollbar-track-color:#EFEFEF;scrollbar-darkshadow-color:#BBBBBB;}
#container .innerpage-content .scroll-table::-webkit-scrollbar{background:#EFEFEF;}/* chrome scrollbar*/
#container .innerpage-content .scroll-table::-webkit-scrollbar-thumb{background:#BBBBBB;}/* chrome scrollbar*/
#container .innerpage-content .scroll-table th{white-space: nowrap;}

#container .innerpage-content select{font-size:1.15em;font-weight:bold;color:#555555;padding:5px;width:100%;border:1px solid #83BA28}

#container .innerpage-content .title{font-size:1.5em;text-align:left;color:#8fc31f; margin:0 0 5%;line-height:1.5em;}
#container .innerpage-content .middle-title{font-size:1.3em;text-align:left;color:#0085d0; margin:0 0 5% 0;}
#container .innerpage-content .small-title{font-size:1.15em;text-align:left;color:#000000; margin:0 0 5% 0;}

#container .innerpage-content .introduction{/*display:none*/}
#container .innerpage-content .introduction a{color: #e40077;}
#container .innerpage-content .introduction img{max-width: 100%; height: auto;}
#container .promotion-template .introduction img{width: 100%;margin:0;padding:0;display:block;}
#container .promotion-template .introduction p{margin:5% 0;}

#container .innerpage-content .friendly-links .introduction ul{clear:both;}
#container .innerpage-content .friendly-links .introduction ul li{text-align:center;width:75%;font-size:1.15em;margin:8% auto;}
#container .innerpage-content .friendly-links .introduction ul li img{margin:0 auto;margin-bottom:3%;}
#container .innerpage-content .friendly-links .introduction p{clear:both;}

#container .subpage-container{width:90%;margin:0 auto;}
#container .innerpage-content .subpage-container .title{margin:20px auto}
#container .innerpage-content .subpage-container .small-title{margin:20px auto}
#container .innerpage-content .subpage-container .middle-title{margin:50px auto 20px}
#container .innerpage-content .subpage-container .text-content{margin:20px 0;}
#container .innerpage-content .subpage-container .text-content img{max-width:100%;height:auto;/*width:12em;*/}

#container .mobile-subpage-title-area{width:94%;padding:2% 3%;background-color:#f3f3f3;border-bottom:1px solid #ddd}
#container .mobile-subpage-title-area .mobile-subpage-title{margin-left:15px;font-size:1.15em;text-align:left;margin-top:2px;}
#container .mobile-subpage-title-area .arrow{background:url("../../img/mobile/back-arrow.png") no-repeat left; background-size:9px 17px;width:22px;height:27px;float:left}

#container .blue-btn{font-size:1.15em;text-align:center; padding:3.5% 2%;border:none; background-color:#519BC0; background-image:-webkit-linear-gradient(top,#51B1E1,#519BC0); background-image:-moz-linear-gradient(top,#51B1E1,#519BC0); background-image:-ms-linear-gradient(top,#51B1E1,#519BC0); background-image:-o-linear-gradient(top,#51B1E1,#519BC0); background-image:linear-gradient(to bottom,#51B1E1,#519BC0); -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; color:#ffffff !important; text-decoration:none; display: inline-block; cursor: pointer; width: 96%;}
#container input.blue-btn{width: 93%; padding: 3.5% 0; display:block; margin:0 auto 10%;}

#container .green-btn{font-size:1em;border:none; padding:3.5% 2%; background:#8fc31f; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#ffffff !important; text-decoration:none; text-align:center; cursor: pointer; display: inline-block; width: 96%;-webkit-appearance: none;}
#container .innerpage-content .green-btn{/*width:90%;*/margin:0 auto 8%;display:block;padding: 3.5% 0; line-height:normal;}
#container .list-box .green-btn {width:90%;}
#container .innerpage-content .promotion-action-box .green-btn {margin-bottom:4%;}

#container .grey-btn{font-size:1em;border:none; padding:3.5% 2%; background:#aaa; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#ffffff !important; text-decoration:none; text-align:center; /*height: 35px; line-height: 35px;*/ cursor: pointer; display: inline-block; width: 96%;-webkit-appearance: none;}
#container .list-box .grey-btn {width:90%;}

#container .innerpage-content .btn-area{padding-top:5%;}
#container .innerpage-content .btn-area2{padding-top:5%;}
#container .innerpage-content .btn-two{zoom:1;}
#container .innerpage-content .btn-two:after{content:"";display:block;height:0;clear:both;}
#container .innerpage-content .btn-two .blue-btn,
#container .innerpage-content .btn-two .green-btn,
#container .innerpage-content .btn-two .grey-btn{float: right; width: 45%;}
#container .innerpage-content .btn-two .blue-btn:first-child,
#container .innerpage-content .btn-two .green-btn:first-child,
#container .innerpage-content .btn-two .grey-btn:first-child{float: left;}

#container .innerpage-content  .handset-sorting-area .btn-area {padding-top:3%;}
#container .innerpage-content  .handset-sorting-area .sorting-function .sorting-area .btn-area {padding-top:10%;}

#container .innerpage-content .grey-btn{background-color:#bbbbbb;background-image:none;}

#container .innerpage-content .green-btn a{display:block;border:none;background:#8AC23D;-webkit-border-radius:3;-moz-border-radius:3;border-radius:3px;color:#ffffff;font-size:1em;padding:8px 20px;/*padding:3% 20%;*/
 text-decoration:none;text-align:center;-webkit-appearance:none;}


#container .innerpage-content .green-btn-submit{width:auto;margin:4% 0;border:none;background:#8AC23D;-webkit-border-radius:3;-moz-border-radius:3;border-radius:3px;color:#ffffff;font-size:1em;padding:10px 50px;text-decoration:none;text-align:center;display:block;cursor:pointer;}

#container .innerpage-content .btn-style a{display:block;color:#555555;font-size:1em;text-decoration:none;text-align:center;}

#container .innerpage-content .greybg-content-container{width:90%;background:#EEEEEE;padding:5%;margin-bottom:-10%;}
#container .innerpage-content .greybg-content-container .greybox-area{width:100%;}
#container .innerpage-content .greybg-content-container .greybox-area .greybox-content{display:none!important}

/* left tab e.g. profile.html*/
#container .innerpage-content .tab-btn .tab-ad img{width:100%;margin:0 0 4% 0;}
#container .innerpage-content .tab-btn ul { list-style:none;}
#container .innerpage-content .tab-btn li{margin: 4% 0;}
#container .innerpage-content .tab-btn li a{font-size:1.15em; display:block;box-sizing:border-box; padding:3.5% 8% 3.5% 5.5%;;border:1px solid #dddddd;/* font-weight:bold;*/ background:#ffffff url("../../img/mobile/tab-arrow.png") no-repeat 95%; background-size:9px 17px;}
#container .innerpage-content .tab-btn li.active a,
#container .innerpage-content .tab-btn li.ui-tabs-active a{font-size:1.15em;  /*border:0.05em solid #83BA28;*/ padding:3.5% 8% 3.5% 5.5%;}
#container .innerpage-content .tab-content{display:none; overflow: hidden;}
#container .innerpage-content .tab-content .tab-detail{display: none;}
#container .innerpage-content .tab-content img{max-width:100%; height:auto;}
#container .innerpage-content .tab-content .tabcommon-mobileImage {margin-bottom:5.5%;}


#container .innerpage-content .tab-content .tab-title{/*font-size: 1.867em;  color: #8fc31f; margin: 20px auto; width: 94%*/display:none}
#container .innerpage-content .tab-content .tab-detail{width: 94%; margin: 0 auto; padding:40px 0}
#container .innerpage-content .tab-content .tab-back{background: #f3f3f3 url("../../img/mobile/back-arrow.png") no-repeat 14px 50%; background-size:9px 17px; width:93%;padding:3% 3% 3% 4%;border-bottom:1px solid #ddd}
#container .innerpage-content .tab-content .tab-back a{font-size: 1.333em; display: block; padding: 2px 20px 0 17px;}
#container .innerpage-content .greybg-content-container.bg-white{background-color: #fff; padding: 0; width: 100%;}


/* sub page button e.g. corporate-overview.html */
#container .innerpage-content .subpage-btn-container{width:100%;margin:5% 0;}
#container .innerpage-content .subpage-btn-container-noborder{border:none;padding:0;margin:0}
#container .innerpage-content .subpage-btn-container a{font-size:1.15em;line-height:1.3em;display:block;width:100%;height:70px;padding:4% 10% 4% 6%;box-sizing:border-box;border:1px solid #dddddd;margin:4% 0;background:#FCFCFC url("../../img/desktop/btn-level5-icon.png") no-repeat 94.5% -42%;color:#555555}
#container .innerpage-content .subpage-btn-container a.active{border:1px solid #83BA28;background:#FCFCFC url("../../img/desktop/btn-level5-icon.png") no-repeat 94.5% 209%;}

#container .innerpage-content .arrow .left-arrow{background:url("../../img/desktop/left-arrow.png") no-repeat left top;height:80px;left:0%;margin:0;padding:0;position:absolute;text-indent:-9999px;top:25%;width:20px;z-index:888;}
#container .innerpage-content .arrow .right-arrow{background:url("../../img/desktop/right-arrow.png") no-repeat right top;height:80px;right:0%;margin:0;padding:0;position:absolute;text-indent:-9999px;top:25%;width:20px;z-index:888;}

/* using in handset-index.html */
#container .innerpage-content .middle-content{background-color:#f3f3f3;padding:10% 0 15%;margin:20px auto -34px;} /* using in handset-index.html bottom-area */
#container .innerpage-content .middle-content .box3,
#container .innerpage-content .middle-content .box2{display:block}

#container .innerpage-content .innerpage-banner{width:100%;margin:20px auto;padding-bottom:0px;border-bottom:1px solid #dddddd;}
#container .innerpage-content .innerpage-banner img{max-width:100%; width:100%; height:auto;}

#container .innerpage-content .accessories-list-content .innerpage-banner {margin-top:0;}


#container .innerpage-content .listing-style ul{list-style-type:disc;margin-left:20px}
#container .innerpage-content .listing-style ul > li{list-style-image: url("../../img/desktop/bullet-point.png");padding-left:5px;margin:5% auto}
#container .innerpage-content .listing-style ol{list-style-type:decimal;margin-left:20px}
#container .innerpage-content .listing-style ol.lower-alpha{list-style-type:lower-alpha}
#container .innerpage-content .listing-style ol > li {margin:5% auto;}


#container .innerpage-content .pink-gb{color:#e40077}

#container .innerpage-content .current-step-area{margin:20px auto;}
#container .innerpage-content .current-step-area .current-step{float:left;margin:0 auto 10px;width:100%}
#container .innerpage-content .current-step-area .step-number-active{float:left;color:#e40077;font-size:1.8em;margin:5px 10px 0px 0px}
#container .innerpage-content .current-step-area .step-number-nonactive{float:left;color:#bbbbbb;font-size:1.8em;margin:5px 10px 0px 0px;}
#container .innerpage-content .current-step-area .step-description-active{float:left;height:43px;color:#e40077;font-size:1em;}
#container .innerpage-content .current-step-area .step-description-nonactive{float:left;height:43px;color:#bbbbbb;font-size:1em;}
#container .innerpage-content .current-step-area .step-arrow{float:right;width:21px;height:43px;background:url("../../img/desktop/step-right-arrow.png") no-repeat top right}

#container .innerpage-content .map-icon{float:left;width:10%;}
#container .innerpage-content .map-icon a{background:url("../../img/desktop/map-icon.png") no-repeat ;width:41px;height:41px;text-indent:-9999px;display:block}


#container .innerpage-content .grey-infobox-container {width:100%; margin:0 auto 20px;}
#container .innerpage-content .grey-infobox-container .grey-infobox-area{width:100%; margin:3% auto; padding:3%; box-sizing:border-box; border:1px solid #dddddd; background:#FCFCFC }
#container .innerpage-content .grey-infobox-container .grey-infobox-area .small-title{background:url("../../img/desktop/btn-level5-icon.png") no-repeat right 4px; margin: 5px auto 5px; width:95%; }
#container .innerpage-content .grey-infobox-container .grey-infobox-area .grey-infobox-title-img {width:100%; text-align:center;margin:0 auto 10px}
#container .innerpage-content .grey-infobox-container .grey-infobox-area .grey-infobox-subtitle{color:#000000; font-size:1.5em; text-align:center;margin:0 auto 10px; height:50px}
#container .innerpage-content .grey-infobox-container .grey-infobox-area .grey-infobox-feature{margin:0 20px; color:#000000 }
#container .innerpage-content .grey-infobox-container .grey-infobox-area .grey-infobox-feature ul{list-style-image:url("../../img/desktop/bullet-arrow.png")}
/*======== inner page common style =============*/

/*======== login page =============*/
#container .innerpage-content .login-content .back-container{width:100%;border-bottom:1px solid #D5D5D5;float:left;margin-bottom:2%;margin-top:2%}
#container .innerpage-content .login-content .back-container .menu-back{width:12%;height:30px;background:url("../../img/mobile/back-arrow.png") no-repeat center center;background-size:9px 17px;float:left;border-right:1px solid #D5D5D5;margin-bottom:2%}
#container .innerpage-content .login-content .back-container .back-title{width:78%;font-size:1.3em;text-align:left;color:#8fc31f ;float:left;margin-top:0.5%;margin-left:4.5%;line-height:1.5em;}

#container .innerpage-content .login-content .box-container .title {display:none;}
#container .innerpage-content .login-content .advertisement-container{display:none}
#container .innerpage-content .login-content .advertisement-area{display:none}
#container .innerpage-content .login-content .advertisement-area img{display:none}

#container .innerpage-content .login-content .login-area{/*float:left;width:95%;padding:0;margin:0;border:none*/}
#container .innerpage-content .login-content .login-area .input-title{/*float:left;*/margin-bottom:2.5%}
#container .innerpage-content .login-content .login-area .input-field{/*width:100%;float:left;*/margin-bottom:3%;}
#container .innerpage-content .login-content .login-area .input-field input{height:1.9em;font-size:1.15em}
#container .innerpage-content .login-content .loginCaptcha{float: left; width: 45%; margin-right: 0;}
#container .innerpage-content .login-content .loginCaptcha img{max-width: 100%; height: auto;width: 100%; max-height:46px}
#container .innerpage-content .login-content .login-area .verification-code{float:left;width:45%;}
#container .innerpage-content .login-content .login-area .verification-code img{width:98%;border:0.05rem solid #ddd}
#container .innerpage-content .login-content .login-area input.input-field-style-verification{float:right;width:45%;padding-left:4%;height:1.9em;font-size:1.15em;border:1px solid #8fc31f;margin: 0;}
#container .innerpage-content .login-content .login-area .getnewcode{float:left;width:94%;margin:3%;}
#container .innerpage-content .login-content .login-area .loginCaptcha a{font-size:1em;}

#container .innerpage-content .login-content .login-area .btn-area{float:left;margin:1% 0 0 0;width:100%;padding:0}
#container .innerpage-content .login-content .login-area .btn-area2{float:left;margin:1% 0 0 0;width:100%;padding:0}
#container .innerpage-content .login-content .login-area .btn-area input.blue-btn {margin-bottom:5%;}

#container .innerpage-content .login-content .login-area .forgot-password{float:left;width:100%;margin-bottom:5px}
#container .innerpage-content .login-content .login-area .forgot-password a.icon{background:url("../../img/desktop/forget-password.png") no-repeat 2px -5px;float:left;width:25px;height:25px;display:block;}
#container .innerpage-content .login-content .login-area .forgot-password .text a{float:left;font-size:1em;margin-left:5px;color:#555555} 

#container .innerpage-content .login-content .login-area .prepaid-card{float:left;width:100%;}
#container .innerpage-content .login-content .login-area .prepaid-card a.icon{background:url("../../img/desktop/registration.png") no-repeat left -6px;float:left;width:25px;height:25px;display:block;}
#container .innerpage-content .login-content .login-area .prepaid-card .text a{float:left;font-size:1em;margin-left:5px;color:#555555} 
/*======== login page =============*/

/*======== forget password page =============*/
#container .innerpage-content .forgetpw-content .title{display:none;}
#container .innerpage-content .forgetpw-content .label-style{margin-bottom:2.5%;}
#container .innerpage-content .forgetpw-content .input-area{margin-bottom:2%;}
#container .innerpage-content .forgetpw-content input.input-field-style-verification{float:right;width:45%;padding-left:4%;height:1.9em;font-size:1.15em;border:1px solid #8fc31f;}
#container .innerpage-content .forgetpw-content .introduction{display:block;margin-bottom:5%;}
#container .innerpage-content .forgetpw-content .introduction .fontblue{color:#0085d0;}
#container .innerpage-content .forgetpw-content .input-field {margin:0 0 5% 0;}
#container .innerpage-content .forgetpw-content .input-field strong{font-size:1.3em}
#container .innerpage-content .forgetpw-content .input-field .input-field-style {margin:0;font-size:1.15em}
#container .innerpage-content .forgetpw-content .grey-btn {display:block;width:93%;margin:5% auto;}

#container .innerpage-content .forgetpw-content .input-area .verification-code{float:left;width:45%;}
#container .innerpage-content .forgetpw-content .input-area .verification-code img{width:99%;height:3em; border:1px solid #ddd;}

#container .innerpage-content .forgetpw-content .input-area .getnewcode{float:right;width:45%;margin-top:8%}
#container .innerpage-content .forgetpw-content .input-area .getnewcode a{font-size:1em;}
#container .innerpage-content .forgetpw-content input.blue-btn {margin-bottom:0;}
#container .innerpage-content .forgetpw-content .btn-area2 {padding-top:0;}

/*======== forget password page =============*/

/*======== prepaid customer registration page =============*/
#container .innerpage-content .prepaid-customer-registration-content .introduction{display:block;width:100%;float:left;margin-bottom:20px}

#container .innerpage-content .prepaid-customer-registration-content .introduction .greyborder{border-bottom:1px solid #dddddd;margin:30px auto}

#container .innerpage-content .prepaid-customer-registration-content .input-area .input-field-error{}

#container .innerpage-content .prepaid-customer-registration-content .terms-area{width:88%;height:500px;border:1px solid #dddddd;overflow-y:auto;padding:20px;font-size:1em;}

#container .innerpage-content .prepaid-customer-registration-content .confirm-area{margin-top:30px;}

#container .innerpage-content .prepaid-customer-registration-content .input-area .verification-code{float:left;width:100%;}
#container .innerpage-content .prepaid-customer-registration-content .input-area .verification-code img{/*width:150px;*/margin:4% 0;border:0.1em solid #ddd;}

#container .innerpage-content .prepaid-customer-registration-content .input-area .getnewcode{/*float:left;width:100%;margin-top:10px;*/}
#container .innerpage-content .prepaid-customer-registration-content .input-area .getnewcode a{color:#555555}

#container .innerpage-content .prepaid-customer-registration-content .btn-area{clear:both;border-top:1px solid #dddddd;padding-top:30px}

#container .innerpage-content .prepaid-customer-registration-content .getsms-btn{width:100%;margin-top:20px;float:left}

/*======== prepaid customer registration page =============*/

/*======== search result page =============*/
#container .innerpage-content .search-result-content .search-input-area{width:100%;margin:8% 0;}
#container .innerpage-content .search-result-content .search-input-area .search-input-field{float:left;width:65%;margin-right:5%}
#container .innerpage-content .search-result-content .search-input-area .search-input-field .input-field-style{width:100%;height:33px}
#container .innerpage-content .search-result-content .search-input-area .search-btn{width:30%;float:left}
#container .innerpage-content .search-result-content .search-input-area .search-btn .blue-btn{padding:10% 3%;margin:0}
/*#container .innerpage-content .search-result-content .title{display:block;margin:50px 0}*/

#container .innerpage-content .search-result-content .search-result-container{border-bottom:1px solid #dddddd;padding-bottom:20px;margin-bottom:40px}
#container .innerpage-content .search-result-content .search-result-container .search-result-title{margin-bottom:10px}
#container .innerpage-content .search-result-content .search-result-container .search-result-title a{color:#8fc31f ;font-size:1.15em;}
#container .innerpage-content .search-result-content .search-result-container .search-result-path{margin-bottom:10px;word-break:break-all}
#container .innerpage-content .search-result-content .search-result-container .search-result-content{margin-bottom:10px}
#container .innerpage-content .search-result-content .search-result-container b{color:#e40077}
#container .innerpage-content .search-result-content .search-result-container .search-result-readmore a{color:#8fc31f}
/*======== search result page =============*/

/*======== promotion page =============*/
#container .innerpage-content .promotion-content .page-title-container-promotion .page-title-container{background-color: #fff; padding: 0; border:none; width: 100%;}
#container .innerpage-content .promotion-content .page-title-container-promotion .page-title{display:none;}
#container .innerpage-content .promotion-content .page-title-container-promotion .mobile-page-title{font-size:1.15em; color:#e40077; background-color: #EDEDED; padding: 3%;}
#container .innerpage-content .promotion-content .page-title-container-promotion .mobile-page-subtitle{font-size:1.667em;padding-top:40px;padding-bottom:20px;text-align:center;color:#83BA28; }
#container .innerpage-content .promotion-content .page-title-container-promotion .page-introduction{color:#555555;font-size:1em;  padding: 3%;}

#container .innerpage-content .promotion-content .advertisement-area{position:relative;width:100%;/*border:1px solid #dddddd;*/ float:left;margin-right:3%;margin-bottom:20px;}
#container .innerpage-content .promotion-content .advertisement-area img{width:100%;height:auto}

#container .innerpage-content .promotion-content .advertisement-area .advertisement-detail{display:none;position:absolute;top:0;width:90%;height:91%;z-index:7777;opacity:0.9;background-color:rgb(96,96,96);padding:5% 5%}

#container .innerpage-content .promotion-content .advertisement-area .advertisement-detail .close-btn{background:url("../../img/mobile/close-white.png") no-repeat right;height:31px;margin-bottom:5%}

#container .innerpage-content .promotion-content .advertisement-area .advertisement-detail .ad-title{font-size:1.15em;color:#8fc31f ;text-align:center;margin-bottom:25px}
#container .innerpage-content .promotion-content .advertisement-area .advertisement-detail .ad-introduction{font-size:1em;color:#ffffff;text-align:center;min-height:50%;}
#container .innerpage-content .promotion-content .advertisement-area .advertisement-detail .ad-bt{width:100%;text-align:center;}

#container .innerpage-content .promotion-content .readmore-area{width:100%;float:left;margin-top:8%;margin-left:auto;margin-right:auto}

/*======== promotion page =============*/

/*======== profile.html =============*/
/*---- account overview ----*/
#container .innerpage-content .account-content .account-table{float:left;width:100%;font-size:1em;margin:3% 0}
#container .innerpage-content .account-content .title {display:none;}
#container .innerpage-content .account-content .table-style th {text-align:left; vertical-align:top;}
#container .innerpage-content .account-content .table-style td {text-align:left; vertical-align:top;}
#container .innerpage-content .account-content .usage-table-container .table-style th {width:22%; white-space:normal;}

#container .innerpage-content .account-content .account-table .pinklink{display:block;padding-left:10px;color:#e40077;background:url("../../img/desktop/bullet-arrow.png") no-repeat left 10px;}

#container .innerpage-content .account-content .right-container{float:left;margin-bottom:10%;width:100%;}
#container .innerpage-content .account-content .right-container .right-icon-4g{float:left;width:53px;height:55px;background:url("../../img/mobile/4g-icon.png") no-repeat}
#container .innerpage-content .account-content .right-container .right-icon-telephone{float:left;width:53px;height:55px;background:url("../../img/mobile/phone-icon.png") no-repeat; background-size:35px auto;margin-left:21px;}
#container .innerpage-content .account-content .right-container .right-icon-onlinechat{float:left;width:53px;height:55px;background:url("../../img/desktop/online-chat-icon.png") no-repeat; background-size:35px auto;margin-left:21px;}
#container .innerpage-content .account-content .right-container .right-title{color:#000000;font-size:1.15em;font-weight:bold;margin-top:0px;margin-bottom:5px;padding-left:59px}
#container .innerpage-content .account-content .right-container .right-content{color:#555555;padding-left:70px;}
#container .innerpage-content .account-content .right-container .right-telephone{color:#e40077;font-weight:bold;font-size:1.8em;padding-left:59px}
#container .innerpage-content .account-content .readmore-area{float:left;width:92%;margin-top:5%;margin-left:5%;}
#container .innerpage-content .account-content .readmore-area .green-btn{margin-bottom:0;}
/*---- account overview ----*/



/*---- you may also like ----*/
#container .innerpage-content .you-may-also-like{/*float:left;*/margin-top:17%;}
#container .innerpage-content .you-may-also-like img{max-width: 100%; height: auto;}
#container .innerpage-content .you-may-also-like .alsolike-icon{float:left;width:10%;margin-right:5%}
#container .innerpage-content .you-may-also-like .alsolike-content{float:left; width: 85%; color:#555555;}
#container .innerpage-content .you-may-also-like .alsolike-title{font-size:1.15em;font-weight:bold;margin-bottom:15px;color:#555555;line-height:2em;}
#container .innerpage-content .you-may-also-like .alsolike-content .list{font-size:1em;margin-left:20px;}
#container .innerpage-content .you-may-also-like .alsolike-content .list li {padding-left:px;list-style-image:url("../../img/desktop/bullet-point.png");margin:2% 0;}
#container .innerpage-content .you-may-also-like .alsolike-content .list a{color:#555555;}

#container .innerpage-content .msg-remarks{margin-top:20px;}
#container .innerpage-content .msg-remarks img{max-width: 100%; height: auto;vertical-align: middle;}
#container .innerpage-content .msg-remarks .remarks-icon{float: left; width: 10%; margin-right: 5%;margin-top:3px;}
#container .innerpage-content .msg-remarks .remarks-content{float: left; width: 85%;color:#555555;}
#container .innerpage-content .msg-remarks .remarks-title{font-size:1.15em;font-weight:bold;margin-top:5px;margin-bottom:18px;}
/*---- you may also like ----*/
/*======== profile.html =============*/

/*======== unbilled-usage-mobile.html =============*/

#container .innerpage-content .account-content #result-summary .cut-off-title{width:100%}
#container .innerpage-content .account-content .cut-off-title{margin:20px auto 0; width:90%}
#container .innerpage-content .account-content .cut-off-day{/*float:left;*/padding:4%;margin:20px auto;font-size:1.15em;font-weight:bold;color:#555555;border:2px solid #83BA28;border-radius:5px;width:80%;text-align:center}
#container .innerpage-content .account-content .subpage-container .usage-table-container{float:left;width:100%;margin-top:8%;font-size:1em;}
#container .innerpage-content .account-content .subpage-container .usage-table-container .pinkdate{color:#e40077}

#container .innerpage-content .account-content .subpage-container .usage-table-container .table-style th{text-align:left;border-bottom:1px solid #dddddd;background:#ffffff;color:#555555;}

#container .innerpage-content .account-content .subpage-container .usage-table-container .greenlink{/*margin:0 10px;*/color:#83BA28}

#container .innerpage-content .account-content .subpage-container .usage-table-container .pleaseclickhere-btn{width:100%}

#container .innerpage-content .account-content .issue-date{width:90%; margin:20px auto 10px}
#container .innerpage-content .account-content .issue-date a.active{color: #8fc31f;}
#container .innerpage-content .account-content .total-billed-usage-title{font-weight:bold;}
#container .innerpage-content .account-content #result-summary{width:90%; margin:20px auto}

/*======== unbilled-usage-mobile.html =============*/

/*======== check-data-usage.html =============*/
/*---- Current Service Plan,Current Data Usage ----*/
#container .innerpage-content .check-data-usage-content .border-container{width:100%;border-bottom:1px solid #dddddd;text-align:center;padding-bottom:5%;}
#container .innerpage-content .check-data-usage-content .currentplan-container{margin-bottom:5%;}
#container .innerpage-content .check-data-usage-content .with-right-border{border-left:none;padding-left:0}

#container .innerpage-content .check-data-usage-content .currentplan-container .plan-title{font-size:1.15em;color:#000000;margin-top:5%}
#container .innerpage-content .check-data-usage-content .currentplan-container .current-plan{font-size:1.8em;color:#e40077;font-weight:bold;margin-top:5%}
#container .innerpage-content .check-data-usage-content .currentplan-container .green-btn-area{margin-top:30px;}
/*---- Current Service Plan,Current Data Usage ----*/

/*---- Usage Limit ----*/
#container .innerpage-content .check-data-usage-content .usagelimit-container{margin-top:13%;}
#container .innerpage-content .check-data-usage-content .usagelimit-container .plan-title{font-size:1.15em;color:#000000;}
#container .innerpage-content .check-data-usage-content .usagelimit-container .current-plan{font-size:1.667em;color:#e40077;font-weight:bold;margin-top:10px}

#container .innerpage-content .check-data-usage-content .usage-bar-container{margin-top:3%;}
#container .innerpage-content .check-data-usage-content .usage-bar-container .sim-card-type{width:100%;text-align:center;font-weight:bold;margin-bottom:5px}
#container .innerpage-content .check-data-usage-content .usage-bar-container .grey-bar{background:#DCDCDC;width:100%;height:20px;position:relative}
#container .innerpage-content .check-data-usage-content .usage-bar-container .green-bar{background:#8AC23D;width:10%;height:20px;}
#container .innerpage-content .check-data-usage-content .usage-bar-container .usage-pointer{background:url("../../img/pad/usage-pointer.png") no-repeat;width:12px;height:11px;position:absolute;top:20px;left:9%;}
#container .innerpage-content .check-data-usage-content .usage-bar-container .usage-number{font-size:1.15em;color:#e40077;font-weight:bold;text-align:center;margin-top:5%;margin-bottom:10%}
/*---- Usage Limit ----*/

/*---- Data Usage Limit Update History ----*/
#container .innerpage-content .check-data-usage-content .title{text-align:center;}
#container .innerpage-content .check-data-usage-content .data-usage-update-history{padding-top:5%}
#container .innerpage-content .check-data-usage-content .data-usage-update-history .middle-title{margin-bottom:8%}

#container .innerpage-content .check-data-usage-content .data-usage-update-history .table-style{width:150%}
#container .innerpage-content .check-data-usage-content .data-usage-update-history .table-style th{text-align:center;}
#container .innerpage-content .check-data-usage-content .data-usage-update-history .table-style td{text-align:center;}

#container .innerpage-content .check-data-usage-content .data-usage-update-history .history-content ul{margin-top:30px;}
#container .innerpage-content .check-data-usage-content .data-usage-update-history .history-content ul li{margin-bottom:15px;}

#container .innerpage-content .check-data-usage-content .data-usage-update-history .history-content .table-style{width:96%;/* margin-left:4%;*/}
#container .innerpage-content .check-data-usage-content .data-usage-update-history .history-content .table-style th{background:none;color:#555555;border:1px solid #dddddd;}
#container .innerpage-content .check-data-usage-content .data-usage-update-history .history-content .table-style td{width:30%;}

/*---- Data Usage Limit Update History ----*/

/*======== check-data-usage.html =============*/

/*======== change-data-usage-limit.html =============*/
#container .innerpage-content .check-data-usage-content .change-data-usage-limit{width:100%;}

#container .innerpage-content .check-data-usage-content .change-data-usage-limit .middle-title{margin:30px 0;}


#container .innerpage-content .check-data-usage-content .change-data-usage-limit{margin-top:30px;}
#container .innerpage-content .check-data-usage-content .change-data-usage-limit .table-style td{width:30%;text-align:left;}
#container .innerpage-content .check-data-usage-content .change-data-usage-limit .table-style th{background:none;color:#555555;border:1px solid #dddddd;}

#container .innerpage-content .check-data-usage-content .change-data-usage-limit-title{width:100%;text-align:center;margin-top:50px;margin-bottom:3%;}

#container .innerpage-content .check-data-usage-content .change-usage-bar-container{width:90%;margin:50px auto;}
#container .innerpage-content .check-data-usage-content .btn-area{}
#container .innerpage-content .check-data-usage-content .btn-area .blue-btn{margin-bottom: 0;}

#container .innerpage-content .check-data-usage-content .usageSelectLimitCostDisplay2 span{margin:5% 0 0;}
#container .innerpage-content .check-data-usage-content .middle-title{margin:5% 0;}
#container .innerpage-content .check-data-usage-content .temp-container-1 section,
#container .innerpage-content .check-data-usage-content .temp-container-2 section{/* margin-top:-30px; */}
#container .innerpage-content .check-data-usage-content .temp-container-1{/* margin-top: 20px */}
#container .innerpage-content .check-data-usage-content .temp-container-2{margin-bottom: 20px;}
#container .innerpage-content .check-data-usage-content .warning{color: #e40077;}
#container .innerpage-content .check-data-usage-content .sim-card-type-setting { font-size: 16px; padding-top: 10px; }

#container .innerpage-content .check-data-usage-content .input-area{text-align: left;}
#container .innerpage-content .check-data-usage-content .jslider{height: 2em;}
/*======== change-data-usage-limit.html =============*/

/*======== call-details-record.html =============*/
#container .innerpage-content .call-details-record-content .introduction{display:block;width:100%;}
#container .innerpage-content .call-details-record-content .record-mobile-subtitle{color:#8AC23D;font-size:1.15em;margin-top:30px;margin-bottom:20px}

#container .innerpage-content .call-details-record-content .record-menu ul.sort-list{}
#container .innerpage-content .call-details-record-content .record-menu ul.sort-list li{float:left;margin:1.5%;border:1px solid #dddddd;width:46%;background-color:#ffffff;}
#container .innerpage-content .call-details-record-content .record-menu ul.sort-list li.all{display:none;}
#container .innerpage-content .call-details-record-content .record-menu ul.sort-list li a{display:block;color:#555555;font-size:1.15em;padding:3.5% 2%;text-align:center;}
#container .innerpage-content .call-details-record-content .record-menu ul.sort-list li.active{background-color:#8AC23D;}
#container .innerpage-content .call-details-record-content .record-menu ul.sort-list li.active a{color:#ffffff}

#container .innerpage-content .call-details-record-content .record-menu-mobile{width:100%;float:left;margin-bottom:20px}

#container .innerpage-content .call-details-record-content .record-menu-mobile .service-btn a{float:left;display:block;color:#ffffff;background:#ff0000;width:44%;border:none;background:#ffffff;color:#555555;font-size:1.15em;font-weight:normal;/*padding:8px 20px 8px 20px;*/
 padding:4% 1%;text-decoration:none;text-align:center;border:1px solid #dddddd;margin-right:3%;margin-bottom:3%}

#container .innerpage-content .call-details-record-content .record-menu-mobile .service-btn-active a{background-color:#8AC23D;color:#ffffff}

#container .innerpage-content .call-details-record-content .bill-type-selection{border-bottom:1px solid #dddddd;padding-bottom:30px}

#container .innerpage-content .call-details-record-content .scroll-table .sorting-arrow-normal{display:none;background:url("../../img/desktop/sorting-arrow.png") no-repeat right top;text-indent:-9999px;width:12px;height:14px;margin:0 5px;vertical-align:middle;}
#container .innerpage-content .call-details-record-content .scroll-table .sorting-arrow-up{display:inline-block;background:url("../../img/desktop/sorting-arrow.png") no-repeat center top;text-indent:-9999px;width:12px;height:14px;margin:0 5px;vertical-align:middle;}
#container .innerpage-content .call-details-record-content .scroll-table .sorting-arrow-down{display:none;background:url("../../img/desktop/sorting-arrow.png") no-repeat left top;text-indent:-9999px;width:12px;height:14px;margin:0 5px;vertical-align:middle;}

#container .innerpage-content .call-details-record-content .table-style{width:100%;}
#container .innerpage-content .call-details-record-content .table-style th{text-align:center;border:none;white-space:nowrap;}
#container .innerpage-content .call-details-record-content .table-style th a{color:#ffffff;}
#container .innerpage-content .call-details-record-content .table-style th img{margin-left:5px}
#container .innerpage-content .call-details-record-content .table-style td{text-align:center;border-right:0;border-left:0}
/*#container .innerpage-content .call-details-record-content .green-btn{width:90%;margin:0 auto;}*/


#container .innerpage-content .call-details-record-content .summary{margin-bottom: 30px;}
#container .innerpage-content .call-details-record-content .summary span{color: #0085d0; font-size: 23px; margin: 0 5px;}
#container .innerpage-content .call-details-record-content .callDetailDateOption{margin-bottom: 30px; padding-top: 30px; border-top: 1px solid #ddd;}
#container .innerpage-content .call-details-record-content .callDetailDateOption li{margin-bottom: 20px;}
#container .innerpage-content .call-details-record-content .callDetailDateOption li .cmhkDropDown{}
#container .innerpage-content .call-details-record-content .callDetailDateOption li label{width: 40px; display: block; float: left;}
#container .innerpage-content .call-details-record-content .callDetailDateOption li input[type=text]{float: left; width: 100px; height: 31px; line-height: 30px; text-align: center;}

#container .innerpage-content .call-details-record-content .usage-summary{border: 1px solid #8fc31f; padding: 20px 30px; margin-top: 5%;}
#container .innerpage-content .call-details-record-content .usage-summary p{padding: 5px 0; margin: 0;}
/*======== call-details-record.html =============*/

/*======== bill-payment.html =============*/
#container .innerpage-content .bill-payment-content .introduction{display:block;margin-bottom:5%;}
#container .innerpage-content .bill-payment-content .introduction a{color:#555555;}
#container .innerpage-content .bill-payment-content .middle-title{margin:8% 0;border-top:1px solid #dddddd;padding-top:8%;}
#container .innerpage-content .bill-payment-content .input-title{margin:3% 0;}
#container .innerpage-content .bill-payment-content .input-field-style{width:50%;margin-bottom:0px}
#container .innerpage-content .bill-payment-content .btn-area{display:block;/*margin-top:20px;*/margin-bottom:5%;border:none}
#container .innerpage-content .bill-payment-content .confirm-btn{width:100%;}

#container .innerpage-content #bill-payment-1-form .introduction {margin:0 0 8% 0;}
#container .innerpage-content #bill-payment-1-form .introduction table {width:100%;margin: 5% 0;}
#container .innerpage-content #bill-payment-1-form .introduction table td{padding:15px;border:1px solid #ddd;}

#container .innerpage-content .bill-payment-content .readmore-area{float:left;margin-top:10px;width:100%}
/*======== bill-payment.html =============*/

/*======== payment-methods.html =============*/
#container .innerpage-content .payment-methods-content .introduction{display:block;/* width:100%;font-size:14px;font-weight:bold;color:#555555;line-height:25px*/}

#container .innerpage-content .payment-methods-content .table-style th{text-align:center;white-space: normal}
#container .innerpage-content .payment-methods-content .table-style td{text-align:center;}

#container .innerpage-content .payment-methods-content .middle-title{border-top:1px solid #dddddd;padding-top:50px;margin-top:50px}

#container .innerpage-content .payment-methods-content .service-table th{text-align:right}
#container .innerpage-content .payment-methods-content .service-table td{text-align:left;border:1px solid #dddddd}

/*======== payment-methods.html =============*/

/*======== corporate-overview.html =============*/


#container .innerpage-content .corporate-overview-content .title{display:block;margin:8% 0;/*font-size:18px;text-align:left;color:#8fc31f ;*/}
#container .innerpage-content .corporate-overview-content .introduction{display:block;margin-bottom:8%;}



/* for subpage content,e.g. corporate-profile-mobile.html*/
#container .innerpage-content .corporate-overview-content .subpage-container .aboutus-content{padding-top:20px;width:100%;}


#container .innerpage-content .corporate-overview-content .greybox-content .aboutus-content .table-style th{width:25%;text-align:right}


/*======== corporate-overview.html =============*/

/*======== corporate-news.html =============*/
#container .innerpage-content .corp-news-content .title{display:block;text-align:center;}

#container .innerpage-content .corp-news-content .news-container{width:90%;text-align:center;margin:5%}
#container .innerpage-content .corp-news-content .news-container .corp-news-image-area{width:100%;}
#container .innerpage-content .corp-news-content .news-container .corp-news-image-area img{max-width:100%;}

#container .innerpage-content .corp-news-content .news-container .corp-news-content-area{width:100%;margin-bottom:100px;}
#container .innerpage-content .corp-news-content .news-container .corp-news-content-area .corp-news-title{font-size:1.15em;font-weight:bold;color:#000000;margin-top:20px}
#container .innerpage-content .corp-news-content .news-container .corp-news-content-area .corp-news-date{font-weight:bold;padding-top:20px;}
#container .innerpage-content .corp-news-content .news-container .corp-news-content-area .corp-news-content{padding-top:20px;}
#container .innerpage-content .corp-news-content .news-container .corp-news-content-area .corp-news-bt-area{padding-top:30px;}


#container .innerpage-content .corp-news-content .greybg-content-container .greybox-area .search-title{font-size:1.8em;color:#8fc31f ;margin-bottom:20px;padding-bottom:30px;width:98%;text-align:center;border-bottom:1px solid #dddddd}
#container .innerpage-content .corp-news-content .greybg-content-container .greybox-area .search-view-all a{display:none}

#container .innerpage-content .corp-news-content .greybg-content-container .greybox-area .search-white-box{width:100%;padding:0;background-color:none;border:none;}
#container .innerpage-content .corp-news-content .greybg-content-container .greybox-area .search-white-box .input-date-title{color:#8fc31f ;font-size:1.15em;font-weight:bold;margin-top:20px;margin-bottom:10px;}
#container .innerpage-content .corp-news-content .greybg-content-container .greybox-area .search-white-box .search-datepicker{width:100%;}
#container .innerpage-content .corp-news-content .greybg-content-container .greybox-area .search-white-box .search-datepicker .input-date-style{width:93.5%;font-size:1em;border:1px solid #dddddd;padding:3%;color:#000000}

#container .innerpage-content .corp-news-content .greybg-content-container .greybox-area .search-white-box .search-area{margin-top:20px;width:100%;}
#container .innerpage-content .corp-news-content .greybg-content-container .greybox-area .search-white-box .input-keyword-title{color:#8fc31f ;font-size:1.15em;font-weight:bold;margin-top:7px;margin-bottom:10px;}
#container .innerpage-content .corp-news-content .greybg-content-container .greybox-area .search-white-box .search-datepicker .input-keywords-style{width:93.5%;font-size:1em;border:1px solid #dddddd;padding:3%;color:#000000}
#container .innerpage-content .corp-news-content .greybg-content-container .greybox-area .search-white-box .search-bt-area{margin-top:20px;width:100%;}

#container .innerpage-content .corp-news-content .greybg-content-container .greybox-area .search-news-list{width:100%;margin:50px auto 30px;border-top:1px solid #dddddd;}
#container .innerpage-content .corp-news-content .greybg-content-container .greybox-area .search-news-list li{border-bottom:1px solid #dddddd;padding:20px 0;}
#container .innerpage-content .corp-news-content .greybg-content-container .greybox-area .search-news-list li span{line-height:30px;display:block;color:#8fc31f ;}
#container .innerpage-content .corp-news-content .greybg-content-container .greybox-area .search-news-list li a{line-height:30px;color:#555555;}
/*======== corporate-news.html =============*/

/*======== corporate-news-detail.html =============*/
#container .innerpage-content .corp-news-detail-content .news-detail-back-btn{width:95%;margin:15px 0;background:url("../../img/desktop/product-back-arrow.png") no-repeat left -5px;padding-left:5%;line-height:1.1em;}
#container .innerpage-content .corp-news-detail-conten .title {line-height:1.3em;}
#container .innerpage-content .corp-news-detail-content .news-detail-back-btn a{color:#8fc31f; font-size:1.333em}

#container .innerpage-content .corp-news-detail-content .news-detail-title{width:100%;color:#83BA28;font-size:1.15em;margin-bottom:20px;margin-top:20px}
#container .innerpage-content .corp-news-detail-content .news-detail-date{width:100%;margin-bottom:50px}
#container .innerpage-content .corp-news-detail-content .news-detail-content{width:100%;/*-ms-word-break:break-all;word-break:break-all;word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;*/}


/*======== corporate-news-detail.html =============*/

/*======== contactus.html =============*/

#container .innerpage-content .contactus-content .table-style{margin-bottom:50px;}
#container .innerpage-content .contactus-content .table-style th{background:#83BA28;color:#ffffff;/*border:1px solid #ffffff;*/width:25%;text-align:center;vertical-align:top}
#container .innerpage-content .contactus-content .table-style a{color:#e40077}
#container .innerpage-content .contactus-content .scroll-table th{white-space:normal}

#container .innerpage-content .contactus-content .contact-info{width:80%}
#container .innerpage-content .contactus-content .map-info{float:left;width:80%;margin-right:5%;}
#container .innerpage-content .contactus-content .title-column{float:left;width:100%;font-weight:bold;margin-bottom:10px}
#container .innerpage-content .contactus-content .content-column{float:left;width:100%;margin-bottom:30px;}

/*======== contactus.html =============*/

/*======== outlet-shops.html =============*/
#container .innerpage-content .cmhk-shops-content .shop-list .middle-title{float:left;width:100%;border-bottom:1px solid #000000;padding-bottom:20px;margin:20px 0}


#container .innerpage-content .cmhk-shops-content .shop-list .shop-info{float:left;width:80%;margin-right:5%;margin-bottom:10px}
#container .innerpage-content .cmhk-shops-content .shop-list .shop-info .title-column{float:left;width:100%;font-weight:bold;margin-bottom:10px}
#container .innerpage-content .cmhk-shops-content .shop-list .shop-info .content-column{float:left;width:100%;margin-bottom:20px;}

/*======== outlet-shops.html =============*/

/*======== change-service-plan.html =============*/
#container .innerpage-content .change-service-plan-content .current-plan-title-area{width:100%;border-top:none;border-bottom:1px solid #dddddd;padding:10px 0 30px 0}
#container .innerpage-content .change-service-plan-content .middle-title{margin-bottom:20px}
#container .innerpage-content .change-service-plan-content .current-using-plan{color:#e40077;font-size:2em;}

#container .innerpage-content .change-service-plan-content .current-service-plan-content{float:left;margin-top:30px}

#container .innerpage-content .change-service-plan-content .small-title{float:left;margin-bottom:20px;margin-top:50px;width:100%}

/*======== change-vas.html =============*/
/*#container .innerpage-content .change-vas-content .title{margin-bottom:0px;}*/
#container .innerpage-content .change-vas-content .middle-title{padding-bottom:10px;}

#container .innerpage-content .change-vas-content .current-vas-list{margin-bottom:50px}
#container .innerpage-content .change-vas-content .current-vas-list ul{list-style:none;padding:0}
#container .innerpage-content .change-vas-content .current-vas-list ul li{line-height:30px}

#container .innerpage-content .change-vas-content .change-vas-list .toggle-list-area .toggle-list-content .scroll-table{overflow-x:auto; overflow-y:auto}

#container .innerpage-content .change-vas-content .change-vas-list .toggle-list-content{background-color:#F3F3F3; padding:2% 2% 1% 2%;}

#container .innerpage-content .change-vas-content .toggle-list-content #vas-service-table-mobile{display:block;}
#container .innerpage-content .change-vas-content .toggle-list-content #vas-service-table-mobile .table-style {margin-bottom:2%;}
#container .innerpage-content .change-vas-content .toggle-list-content #vas-service-table-desktop{display:none;}

#container .innerpage-content .change-vas-content .toggle-list-content .table-style{/*width:95%;margin-left:auto;margin-right:auto;margin-bottom:20px;*/}
#container .innerpage-content .change-vas-content .toggle-list-content .table-style td.apply-column{padding-left:35%;}
#container .innerpage-content .change-vas-content .toggle-list-content .table-style td.apply-column .apply-text{float:left;color:#555555;margin-right:10%}
#container .innerpage-content .change-vas-content .toggle-list-content .table-style td.apply-column .cancel-text{float:left;color:#dddddd;}
#container .innerpage-content .change-vas-content .toggle-list-content .table-style td.apply-column label{margin:0 0 0 5px}*/

#container .innerpage-content .change-vas-content .toggle-list-content select{width:100%;}

#container .innerpage-content .change-vas-content .confirm-area{margin-top:30px;}
#container .innerpage-content .change-vas-content .btn-area{margin-top:30px}
#container .innerpage-content .change-vas-content .plsrefer-area{float:left;margin-top:20px}
#container .innerpage-content .change-vas-content .plsrefer-area a{color:#e40077}
/*======== change-vas.html =============*/

/*======== account-info-update.html =============*/

#container .innerpage-content .account-info-update-content .account-info-content{float:left;width:100%;}

#container .innerpage-content .account-info-update-content .account-info-content .middle-title{/*margin-bottom:30px;margin-top:20px*/}

#container .innerpage-content .account-info-update-content .title{display:none;}

#container .innerpage-content .account-info-update-content .cmhkDropDown .arrow_out {top:15px;}
#container .innerpage-content .account-info-update-content .cmhkDropDown .arrow_in {top:17px;}


#container .innerpage-content .account-info-update-content .btn-area{margin-bottom:50px}
/*======== account-info-update.html =============*/

/*======== handset-index.html =============*/
#container .innerpage-content .handset-devices-content .mobile-page-title-area{margin:0}

#container .innerpage-content .handset-devices-content .banner-handset{overflow:hidden;margin-bottom:5%}
#container .innerpage-content .handset-devices-content .banner-handset img{width:100%}

#container .innerpage-content .handset-devices-content .box-container{position:relative}
#container .innerpage-content .handset-devices-content .title{text-align:center;margin:5% 0;}

#container .innerpage-content .handset-devices-content .handsets-container{width:100%;}
#container .innerpage-content .handset-devices-content .handsets-container .handsets-area{/*float:left;*/width:100%;/*height:600px;*/}
#container .innerpage-content .handset-devices-content .handsets-container .area2{display:none}
#container .innerpage-content .handset-devices-content .handsets-container .handsets-image{text-align:center;padding:3% 0;}
#container .innerpage-content .handset-devices-content .handsets-container .handsets-title{margin:8px auto;text-align:center;}

#container .innerpage-content .handset-devices-content .handsets-container .handsets-subtitle{margin:0 auto;text-align:left;width:98%; line-height:1.667;}

#container .innerpage-content .handset-devices-content .handsets-container .more-handset{width:96%;font-size:1em;color:#8fc31f ;text-align:center;border:none;border-top:1px solid #8fc31f;margin:3% auto;padding-top:6%;}
#container .innerpage-content .handset-devices-content .handsets-container .more-handset a{color:#8fc31f ;}

/*------------ grey content --------------*/
#container .innerpage-content .handset-devices-content .handset-grey-bg{width:100%;background-color:#f3f3f3;margin:20px auto 0;padding-top:50px}
#container .innerpage-content .handset-devices-content .handset-grey-bg .handset-grey-content{width:90%;margin:0 5%;}

#container .innerpage-content .handset-devices-content .handset-grey-content .title{display:block;text-align:center;margin-bottom:20px}
#container .innerpage-content .handset-devices-content .handset-grey-content .handset-grey-box{float:left;width:100%;margin-bottom:50px}
#container .innerpage-content .handset-devices-content .handset-grey-content .handset-grey-box .handset-box-images{width:100%;text-align:center;}
#container .innerpage-content .handset-devices-content .handset-grey-content .handset-grey-box .handset-box-images img{max-width:100%;}
#container .innerpage-content .handset-devices-content .handset-grey-content .handset-grey-box .handset-box-text{width:96%;padding:30px 0;margin:0 auto;text-align:center;}
#container .innerpage-content .handset-devices-content .handset-grey-content .handset-grey-box .handset-box-title{padding:8px 0;color:#8fc31f ;font-size:1.15em}
#container .innerpage-content .handset-devices-content .handset-grey-content .handset-grey-box .handset-box-content{padding:8px 0}
#container .innerpage-content .handset-devices-content .handset-grey-content .handset-grey-box .green-btn{width:100%}
/*------------ grey content --------------*/

/*======== handset-index.html =============*/

/*======== handset-list.html =============*/
#container .innerpage-content .handset-list-content .title{display:none}


/*---------- phone detail ---------*/
#container .innerpage-content .handset-list-content .phone-list-area{width:100%;margin:0 auto;}

#container .innerpage-content .handset-list-content .phone-list-area .phone-area{float:left;width:100%;margin-bottom:20px;}

#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-detail-area{float:left;width:93.5%;border:1px solid #ddd;margin-bottom:3%;padding:12% 3% 12%;position:relative;}
#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-detail-area .label-area{height:25px;width:97px;text-align:center;font-size:1.15em;color:#ffffff;padding-top:5px;position:absolute;top:0;right:5%; z-index:999;}
#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-detail-area .hot-label{background:url("../../img/desktop/tab-pink.png") no-repeat; line-height:1.3em}
#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-detail-area .new-label{background:url("../../img/desktop/tab-green.png") no-repeat;}
#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-detail-area .phone-photo{float:left;width:35%;margin:0 5% 5% 3%}
#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-detail-area .phone-photo img{max-width:100%;height:auto;width:90%;}
#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-detail-area .product-content{float:left;width:53%;margin-top:1%;line-height:1.2em;}
#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-detail-area .product-content .phone-name{color:#e40077;font-size:1.15em;margin:0 0 8%;line-height:1.3em}
#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-detail-area .product-content .phone-detail-title{font-weight:bold;}
#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-detail-area .product-content .phone-detail-content{margin-bottom:5px;}

#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-order-btn{float:left;width:50%;margin-right:2%;border:1px solid #cccccc;color:#555555;font-size:1em;padding:3% 4%;/*padding:5% 10%;*/text-decoration:none;text-align:left;background:#EEEEEE url("../../img/desktop/plus-plain.png") no-repeat 92% 50%; cursor:pointer;}
#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-order-btn a{display:block;}


#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-readmore-btn{float:right;width:30%;border:1px solid #666666;font-size:1em;padding:3% 4%;/*padding:5% 15%;*/text-decoration:none;text-align:left;background:#666666 url("../../img/desktop/read-more-arrow.png") no-repeat 92% 50%; cursor:pointer;}
#container .innerpage-content .handset-list-content .phone-list-area .phone-area .phone-readmore-btn a{display:block;color:#ffffff;}

/*---------- phone detail ---------*/

/*---------- order now window ---------*/
#container .innerpage-content .handset-list-content .phone-list-area .phone-area .order-now-window{display:none;width:100%;height:100%;position:fixed;z-index:9997;background-color: #fff; top: 53px; left: 0px;}
#container .innerpage-content .handset-list-content .phone-list-area .phone-area .order-now-window .close-window{background: #f3f3f3 url("../../img/mobile/back-arrow.png") no-repeat 14px 50%; width:93%;padding:3% 3% 3% 4%;border-bottom:1px solid #ddd}
#container .innerpage-content .handset-list-content .phone-list-area .phone-area .order-now-window .close-window a{font-size: 1.333em; display: block; padding: 2px 20px 0 27px;}
#container .innerpage-content .handset-list-content .phone-list-area .phone-area .order-now-window .mobile-order-now{width: 90%; margin: 0 auto;}
#container .innerpage-content .handset-list-content .phone-list-area .phone-area .order-now-window .phone-name{border-bottom: 1px solid #dddddd; font-size: 1.67em; color: #8fc31f; line-height: 1.15em; margin: 8% 0; padding-bottom: 5%;}
#container .innerpage-content .handset-list-content .phone-list-area .phone-area .order-now-window .order-now-button a{color:#000000;font-size:1.15em;padding:15px 0;cursor:pointer;border:1px solid #dddddd; display: block; text-align:center;margin-bottom:15px;}
/*---------- order now window ---------*/

/*------ for subpage content - handset-list-sorting-mobile.html,handset-list-order-mobile.html -----------*/
#container .innerpage-content .handset-list-content .subpage-container .title{display:block;padding-top:50px;width:100%;border-bottom:1px solid #dddddd;padding-bottom:15px}
#container .innerpage-content .handset-list-content .subpage-container .blue-btn{margin:50px auto;}
#container .innerpage-content .handset-list-content .subpage-container .order-title{color:#000000;font-size:1.15em;padding:15px 0;cursor:pointer;border-bottom:1px solid #dddddd;}

#container .innerpage-content .handset-list-content .subpage-container .content-area .sorting-btn-area{float:left;width:100%;background-color:#eeeeee;padding:8% 0}
#container .innerpage-content .handset-list-content .subpage-container .content-area .sorting-btn-area .sorting-btn{width:80%;margin:0 auto}
#container .innerpage-content .handset-list-content .subpage-container .content-area .sorting-btn-area .sorting-btn a{float:left;width:100%;display:block;border:1px solid #cccccc;box-sizing:border-box;color:#555555;font-size:1em;padding:10px 0;margin:2% auto;text-decoration:none;text-align:center;background-color:#ffffff;text-align:center;}

#container .innerpage-content .handset-list-content .subpage-container .content-area .sorting-btn-area .sorting-btn-active{width:80%;margin:0 auto}
#container .innerpage-content .handset-list-content .subpage-container .content-area .sorting-btn-area .sorting-btn-active a{float:left;width:100%;display:block;border:2px solid #8AC23D;box-sizing:border-box;color:#555555;font-size:1em;padding:10px 0;margin:2% auto;text-decoration:none;text-align:center;background-color:#ffffff;text-align:center;}

/*------ for subpage content - handset-list-sorting-mobile.html -----------*/

/*======== handset-list.html =============*/

/*======== handset-detail.html =============*/
#container .innerpage-content .handset-detail-content .phone-area{width:100%;margin:10% auto 7%;}
#container .innerpage-content .handset-detail-content .phone-area .phone-photo img{max-width:90%;max-height:17em;margin:0 auto 5%;display:block;}
#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area{width:100%}
#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area .middle-title{width:100%;text-align:center;margin:0 auto 3%;}
#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area .join-cmhk-price{color:#8fc31f;font-size:1.15em;margin:3% 0;text-align:center;}
#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area .join-cmhk-price .desc{margin-right:1%;color:#555;}
#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area .color-selection-list{width:100%;text-align:center;margin:20px auto}
#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area .color-selection-list .cmhkDropDown .arrow_int {top:8px;}
#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area .color-selection-list .cmhkDropDown .arrow_out {top:10px;}
#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area .phone-detail-content{margin:20px auto}

#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area .subpage-btn-container{/*margin-bottom:3%;*/}

#container .innerpage-content .handset-detail-content .greybg-content-container .greybox-area .middle-title{margin-bottom:20px}
#container .innerpage-content .handset-detail-content .greybg-content-container .greybox-area .white-box-content{border:1px solid #dddddd;background-color:#ffffff;padding:20px;margin-bottom:50px}
#container .innerpage-content .handset-detail-content .greybg-content-container .greybox-area .white-box-content .table-style{border:none}
#container .innerpage-content .handset-detail-content .greybg-content-container .greybox-area .white-box-content .table-style td{border:none}
#container .innerpage-content .handset-detail-content .greybg-content-container .greybox-area .white-box-content .table-style th{border:none;background:none;color:#555555}

#container .innerpage-content .handset-detail-content .greybg-content-container .greybox-area .text-content{margin-bottom:30px}


/*======== handset-detail.html =============*/


/*======== handset-detail-v2.html =============*/
#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area .customer-discount-area{border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;padding:5% 0 0; margin:10% 0}
#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area .customer-discount-area .middle-title{margin:0}

#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area .customer-discount-area .handset-only-area{border-top:1px solid #cccccc; margin:5% 0 0; padding:5% 0 }
#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area .customer-discount-area .handset-only-area .middle-title{color:#e40077}
#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area .customer-discount-area .handset-only-area .handset-only-discount{margin:3% 0 0}
#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area .customer-discount-area .handset-only-area .handset-only-discount .handset-only-price{color:#8fc31f;font-size:18px; text-align:center; margin-bottom:1%}
#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area .customer-discount-area .handset-only-area .handset-only-discount .handset-only-price .desc{margin-right:5px;color:#555;}
#container .innerpage-content .handset-detail-content .phone-area .phone-detail-area .customer-discount-area .handset-only-area .handset-only-discount .handset-only-discount-price{color:#e40077;text-align:center}
/*======== handset-detail-v2.html =============*/



/*======== service-plans.html =============*/
/*#container .innerpage-content .grey-infobox-content .innerpage-banner{display:none;}*/
#container .innerpage-content .grey-infobox-content .introduction{display:block;margin:0 auto 20px}

/*#container .innerpage-content .grey-infobox-content .grey-infobox-container{width:100%;margin:0 auto 20px;}
#container .innerpage-content .grey-infobox-content .grey-infobox-container .grey-infobox-area{float:left;width:100%;height:320px;margin:2% auto;padding:5% 3%;box-sizing:border-box;border:1px solid #dddddd;background:#FCFCFC}
#container .innerpage-content .grey-infobox-content .grey-infobox-container .grey-infobox-area .small-title{background:url("../../img/desktop/btn-level5-icon.png") no-repeat right 7px;margin:5%;}
#container .innerpage-content .grey-infobox-content .grey-infobox-container .grey-infobox-area .grey-infobox-title-img{width:100%;text-align:center;margin:0 auto 10px}
#container .innerpage-content .grey-infobox-content .grey-infobox-container .grey-infobox-area .grey-infobox-subtitle{color:#000000;font-size:1.15em;text-align:center;margin:0 auto 10px;height:50px}
#container .innerpage-content .grey-infobox-content .grey-infobox-container .grey-infobox-area .grey-infobox-feature{margin:0 20px;color:#000000}
#container .innerpage-content .grey-infobox-content .grey-infobox-container .grey-infobox-area .grey-infobox-feature ul{list-style-image:url("../../img/desktop/bullet-arrow.png"); list-style-position:inside;}*/
/*======== service-plans.html =============*/

/*======== service-detail.html =============*/

#container .innerpage-content .service-detail-content .subpage-container .table-style{width:200%;}
#container .innerpage-content .service-detail-content .subpage-container .table-style th{text-align:center}
#container .innerpage-content .service-detail-content .subpage-container .table-style th.left,td.left{text-align:left}
#container .innerpage-content .service-detail-content .subpage-container .table-style td.green{color:#83BA28}

/*======== service-detail.html =============*/

/*======== prepaid-sim.html =============*/
/*#container .innerpage-content .prepaid-sim-content .innerpage-banner{display:none}*/
#container .innerpage-content .prepaid-sim-content .introduction{display:block;margin-bottom:50px}
#container .innerpage-content .prepaid-sim-content .middle-title{width:100%;text-align:center}
#container .innerpage-content .prepaid-sim-content .prepaid-sim-card-container{width:100%;margin:0 auto 30px;border-bottom:1px solid #dddddd;position:relative;overflow:hidden;}
#container .innerpage-content .prepaid-sim-content .prepaid-sim-card-container .prepaid-sim-card-area{float:left;margin:0px auto 30px;}
#container .innerpage-content .prepaid-sim-content .prepaid-sim-card-container .prepaid-sim-card-area .prepaid-sim-card-image{width:100%;margin:0 auto;text-align:center}
#container .innerpage-content .prepaid-sim-content .prepaid-sim-card-container .prepaid-sim-card-area .prepaid-sim-card-image img{max-width:100%;height:auto;}
#container .innerpage-content .prepaid-sim-content .prepaid-sim-card-container .prepaid-sim-card-area .prepaid-sim-card-name{width:100%;text-align:center;margin:10px auto 5px;}
#container .innerpage-content .prepaid-sim-content .prepaid-sim-card-container .prepaid-sim-card-area .prepaid-sim-card-price-area{margin:0 auto; text-align:center}
#container .innerpage-content .prepaid-sim-content .prepaid-sim-card-container .prepaid-sim-card-area .prepaid-sim-card-price-area .prepaid-sim-card-price{color:#0085d0; display:block}
#container .innerpage-content .prepaid-sim-content .prepaid-sim-card-container .prepaid-sim-card-area .prepaid-sim-card-price-area .prepaid-sim-card-onlineprice{color:#e40077;display:block}

#container .innerpage-content .prepaid-sim-content .prepaid-sim-card-container .arrow .left-arrow{display:block;top:25%}
#container .innerpage-content .prepaid-sim-content .prepaid-sim-card-container .arrow .right-arrow{display:block;top:25%}
/*======== prepaid-sim.html =============*/

/*======== prepaid-sim-detail.html =============*/
#container .innerpage-content .prepaid-sim-detail-content .prepaid-sim-card-area{width:100%;margin:0 auto 25px;}
/*#container .innerpage-content .prepaid-sim-detail-content .prepaid-sim-card-area .mobile-sim-card-title{display:block;text-align:center;margin:0 auto 20px;line-height:40px}*/
#container .innerpage-content .prepaid-sim-detail-content .prepaid-sim-card-area .prepaid-sim-card-image-area{width:100%;text-align:center;}
#container .innerpage-content .prepaid-sim-detail-content .prepaid-sim-card-area .prepaid-sim-card-image-area img{max-width:100%;height:auto;}
#container .innerpage-content .prepaid-sim-detail-content .prepaid-sim-card-area .prepaid-sim-card-image-area .prepaid-sim-card-price-area{font-size:1.15em;width:90%;margin:4% auto;}
#container .innerpage-content .prepaid-sim-detail-content .prepaid-sim-card-area .prepaid-sim-card-image-area .prepaid-sim-card-price-area .prepaid-sim-card-price{width:40%;color:#0085d0;margin-right:5%;}
#container .innerpage-content .prepaid-sim-detail-content .prepaid-sim-card-area .prepaid-sim-card-image-area .prepaid-sim-card-price-area .prepaid-sim-card-onlineprice{width:55%;color:#e40077;}
#container .innerpage-content .prepaid-sim-detail-content .prepaid-sim-card-area .prepaid-sim-card-image-area .btn-area{width:100%;}

#container .innerpage-content .prepaid-sim-detail-content .prepaid-sim-card-area .prepaid-sim-card-detail-area{width:100%;margin:30px auto 0}
#container .innerpage-content .prepaid-sim-detail-content .prepaid-sim-card-area .prepaid-sim-card-detail-area .title{display:none}
#container .innerpage-content .prepaid-sim-detail-content .title{/*margin-top:15%*/}

#container .innerpage-content .prepaid-sim-detail-content .greybg-content-container .greybox-area .middle-title{margin:0 auto 20px}
/*======== prepaid-sim-detail.html =============*/

/*======== buy-data-usage-content-step1.html =============*/
#container .innerpage-content .buy-data-usage-content .middle-title{text-align:center;margin-bottom:5%}
#container .innerpage-content .buy-data-usage-content .table-style th{width:50%}
#container .innerpage-content .buy-data-usage-content .real-time-price-table{border-bottom:1px solid #dddddd;padding-bottom:5%;margin-bottom:5%}
#container .innerpage-content .buy-data-usage-content .sell-request-area .enter-area{width:90%;padding:5%;border:1px solid #aaaaaa;background:#f4f4f4;margin:8% 0;}
#container .innerpage-content .buy-data-usage-content .sell-request-area .enter-area .small-title{width:100%;text-align:center;margin-bottom:20px}

#container .innerpage-content .buy-data-usage-content .sell-request-area .enter-area .gb-area{position:relative;margin:0 auto;width:184px;text-align:center;}
#container .innerpage-content .buy-data-usage-content .sell-request-area .enter-area .gb-area .gb-area-style{border:2px solid #83BA28;width:90px;/*height:30px;*/padding:5% 35% 5% 15%;font-size:2.667em;color:#555555;}
#container .innerpage-content .buy-data-usage-content .sell-request-area .enter-area .gb-area .gb-text{position:absolute;top:30px;right:20px;color:#555555;font-weight:bold;font-size:1.5em}

#container .innerpage-content .buy-data-usage-content .sell-request-area .enter-area .gb-area .enter-integer-text{color:#83BA28;font-size:1em;margin-top:5%;text-align:center;}

#container .innerpage-content .buy-data-usage-content .sell-request-area .buying-data-rule{height:250px;overflow-y:scroll;border:1px solid #aaaaaa;padding:5%;margin:8% auto}
#container .innerpage-content .buy-data-usage-content .sell-request-area .buying-data-rule p.small-title{margin-top:20px}


#container .innerpage-content .buy-data-usage-content .sell-request-area .buying-data-remarks{margin:20px auto}
/*======== buy-data-usage-content-step1.html =============*/

/*======== buy-data-usage-content-step2.html =============*/
#container .innerpage-content .buy-data-usage-content .sell-request-area .quotation-container{border:1px solid #aaaaaa;background:#f4f4f4;padding:5%;width:90%}
#container .innerpage-content .buy-data-usage-content .sell-request-area .quotation-container .quotation-left-area{width:100%;border-bottom:1px solid #dddddd}
#container .innerpage-content .buy-data-usage-content .sell-request-area .quotation-container .quotation-title{float:left;font-weight:bold;color:#000000;width:60%;}
#container .innerpage-content .buy-data-usage-content .sell-request-area .quotation-container .quotation-content{float:left;color:#000000;width:40%;margin-bottom:20px;}

#container .innerpage-content .buy-data-usage-content .sell-request-area .quotation-container .quotation-right-area{width:100%;margin-top:20px}
#container .innerpage-content .buy-data-usage-content .sell-request-area .quotation-container .quotation-right-area .quotation-clock{float:left;width:25%;background:url(../../img/desktop/buy-data-clock.png) no-repeat center top;color:#e40077;font-size:1.5em;text-align:center;padding:70px 0 0;}
#container .innerpage-content .buy-data-usage-content .sell-request-area .quotation-container .quotation-right-area .quotation-reminder{float:left;width:70%;margin-left:5%}

#container .innerpage-content .buy-data-usage-content .sell-request-area .confirm-area{margin:20px auto 0;padding-bottom:20px}
/*======== buy-data-usage-content-step2.html =============*/

/*======== sell-data-usage-content-step1.html =============*/
#container .innerpage-content .sell-data-usage-content .middle-title{text-align:center;margin-bottom:5%}
#container .innerpage-content .sell-data-usage-content .table-style th{width:50%}
#container .innerpage-content .sell-data-usage-content .real-time-price-table{}

#container .innerpage-content .sell-data-usage-content .sell-request-area .data-available-title{}

#container .innerpage-content .sell-data-usage-content .sell-request-area .enter-area{width:90%;padding:5%;border:1px solid #aaaaaa;background:#f4f4f4;margin:8% auto}
#container .innerpage-content .sell-data-usage-content .sell-request-area .enter-area .small-title{}
#container .innerpage-content .sell-data-usage-content .sell-request-area .enter-area .gb-title{width:100%;text-align:center;margin:8% auto 3%}
#container .innerpage-content .sell-data-usage-content .sell-request-area .enter-area .gb-area{position:relative;margin:0 auto;width:184px;text-align:center}
#container .innerpage-content .sell-data-usage-content .sell-request-area .enter-area .gb-area .gb-area-style{border:2px solid #83BA28;width:90px;/*height:30px;*/padding:5% 35% 5% 15%;font-size:2.667em;color:#555555;}
#container .innerpage-content .sell-data-usage-content .sell-request-area .enter-area .gb-area .gb-text{position:absolute;top:30px;right:20px;color:#555555;font-weight:bold;font-size:1.5em}

#container .innerpage-content .sell-data-usage-content .sell-request-area .enter-area .gb-area .enter-integer-text{color:#83BA28;font-size:1em;margin-top:10px;}

#container .innerpage-content .sell-data-usage-content .sell-request-area .selling-data-rule{height:250px;overflow-y:scroll;border:1px solid #aaaaaa;padding:10% 8%;margin:8% auto 0}
#container .innerpage-content .sell-data-usage-content .sell-request-area .selling-data-rule p.small-title{/*margin-top:20px*/}

#container .innerpage-content .sell-data-usage-content .btn-border{margin:8% auto;border-bottom:1px solid #dddddd;padding-bottom:8%}

#container .innerpage-content .sell-data-usage-content .sell-request-area .middle-title{float:left;text-align:left;margin:0 30px 30px 0}
#container .innerpage-content .sell-data-usage-content .sell-request-area .sold-volume-title{float:right;font-size:1.15em;margin-bottom:30px}
#container .innerpage-content .sell-data-usage-content .sell-request-area .sold-volume-title a{color:#555555}

#container .innerpage-content .sell-data-usage-content .sell-request-area .pending-sell-table{display:none}

#container .innerpage-content .sell-data-usage-content .sell-request-area .pending-sell-table-mobile .input-reset{width:70%;height:30px;margin:0 10%;padding:5%;border:1px solid #83BA28;}
#container .innerpage-content .sell-data-usage-content .sell-request-area .pending-sell-table-mobile .green-btn{width:80%;margin:5% 10%;}
/*======== sell-data-usage-content-step1.html =============*/

/*======== sell-data-usage-content-step2.html =============*/
#container .innerpage-content .sell-data-usage-content .sell-request-area .quotation-area{border:1px solid #aaaaaa;background:#f4f4f4;padding:7%;}
#container .innerpage-content .sell-data-usage-content .sell-request-area .quotation-area .quotation-title{float:left;font-size:1.15em;color:#000000;width:70%;line-height:1.7em;}
#container .innerpage-content .sell-data-usage-content .sell-request-area .quotation-area .quotation-content{float:left;font-size:1.15em;color:#000000;width:30%;line-height:1.7em;}

#container .innerpage-content .sell-data-usage-content .sell-request-area .confirm-area{margin:20px auto 20px;}
/*======== sell-data-usage-content-step2.html =============*/

/*======== data-transaction-history.html =============*/
#container .innerpage-content .data-transaction-history-content .data-available-title{margin-bottom:20px;}
#container .innerpage-content .data-transaction-history-content .bill-type-selection{margin-bottom:20px}

#container .innerpage-content .data-transaction-history-content .middle-title{float:left;margin:0 30px 15px 0;}
#container .innerpage-content .data-transaction-history-content .total-info{float:right;margin-bottom:15px}

#container .innerpage-content .data-transaction-history-content .transaction-table-area{margin-top:50px}
#container .innerpage-content .data-transaction-history-content .transaction-table-area .table-style{width:200%}
/*======== data-transaction-history.html =============*/

/*======== appointment-service.html,appointment-summary.html =============*/

#container .innerpage-content .appointment-service-content .appointment-text{border-bottom:1px solid #dddddd;padding-bottom:20px;margin-bottom:40px}

#container .innerpage-content .appointment-service-content .choose-location-area{border-bottom:1px solid #dddddd;padding-bottom:30px;}
#container .innerpage-content .appointment-service-content .choose-location-area .select-location-area select{margin-bottom:10px}
#container .innerpage-content .appointment-service-content .choose-location-area .select-location-area{margin:5% 0;}
#container .innerpage-content .appointment-service-content .choose-location-area .select-location-area .cmhkDropDown{margin:5% 0;}

#container .innerpage-content .appointment-service-content .choose-location-area .shop-list li{margin:5% 0 0}
#container .innerpage-content .appointment-service-content .choose-location-area .shop-list li .checkbox-float{float:left;width:5%; margin-right:3%/*text-align:center;*//*margin-top:-2px;*/}
#container .innerpage-content .appointment-service-content .choose-location-area .shop-list li label{float:left;width:78%; margin-right:3%}

#container .innerpage-content .appointment-service-content .choose-date-area{margin-top:40px;}
#container .innerpage-content .appointment-service-content .choose-date-area .title{display:block;margin-bottom:20px}
#container .innerpage-content .appointment-service-content .choose-date-area .date-select-area{width:98%;margin:8% auto 0}
#container .innerpage-content .appointment-service-content .choose-date-area .date-select-area .appointment-date-select{float:left;width:75%;height:54px;border:1px solid #dddddd;color:#e40077;font-size:1.15em;text-align:center;line-height:54px}
#container .innerpage-content .appointment-service-content .choose-date-area .date-select-area .appointment-datepicker{float:left;width:60px;height:58px;background:url(../../img/desktop/appointment-datepicker.png) no-repeat;text-indent:-9999px;display:block}

#container .innerpage-content .appointment-service-content .choose-date-area .timeslot{margin:5% auto;/*width:264px;*/}
#container .innerpage-content .appointment-service-content .choose-date-area .timeslot li{float:left;/*width:110px;height:43px;line-height:43px;*/border:1px solid #cccccc;width:19%;padding:5%;margin:1.5%;background-color:#f4f4f4;font-size:1.2em;text-align:center;cursor:pointer;}
#container .innerpage-content .appointment-service-content .choose-date-area .timeslot li.selected{background-color:#e40077;color:#ffffff;border:1px solid #e40077;padding:5%;margin:1.5%;}
#container .innerpage-content .appointment-service-content .choose-date-area .timeslot li.disabled{background-color:#f4f4f4;color:#b7b7b7;border:1px solid #f4f4f4;cursor:default;padding:5%;margin:1.5%;}

#container .innerpage-content .appointment-service-content .selected-appointment{font-size:1.5em;padding-bottom:5%;text-align:center;}

/*--------------- appointment-summary.html ----------------------*/
#container .innerpage-content .appointment-service-content .appointment-info-area{border-bottom:1px solid #dddddd;padding-bottom:10px;margin-bottom:40px}
#container .innerpage-content .appointment-service-content .appointment-info{margin-bottom:30px}
#container .innerpage-content .appointment-service-content .appointment-info .title{margin-bottom:10px}
#container .innerpage-content .appointment-service-content .appointment-info .appointment-location{float:left;margin:5px 5% 0 0;width:80%;}

#container .innerpage-content .appointment-service-content .checkbox-area{float:left}
#container .innerpage-content .appointment-service-content .service-input{float:left;margin:20px 0 30px 7%;width:93%}
#container .innerpage-content .appointment-service-content .service-input .input-field-style{width:50%}

#container .innerpage-content .appointment-service-content .confirm-area{margin:30px auto 20px}

#container .innerpage-content .appointment-service-content .reminder-area{padding-bottom:20px}
#container .innerpage-content .appointment-service-content .reminder-area .title{display:block;margin-bottom:20px}

#container .innerpage-content .appointment-service-content .appointment-text .service-list{margin-bottom:30px;}
#container .innerpage-content .appointment-service-content .appointment-text .service-list .section{margin-bottom:20px;}
#container .innerpage-content .appointment-service-content .appointment-text .service-list .section .checkbox{float:left;width:6%;margin-right:2%;margin-top:-2px;}
#container .innerpage-content .appointment-service-content .appointment-text .service-list .section label{float:left;width:92%;}
#container .innerpage-content .appointment-service-content .appointment-text .service-list input[type=text]{margin-left:7%;width:70%;}
/*--------------- appointment-summary.html ----------------------*/
/*======== appointment-service.html,appointment-summary.html =============*/

/*======== appointment-cancel.html =============*/
#container .innerpage-content .appointment-cancel-content .cancel-table-area .cancel-table{display:none}

#container .innerpage-content .appointment-cancel-content .cancel-table-area .cancel-table-mobile .map-icon{margin:5% auto}
#container .innerpage-content .appointment-cancel-content .cancel-table-area .cancel-table-mobile .green-btn{float:left;width:45%;margin:3% 0 0 3%;}
/*======== appointment-cancel.html =============*/

/*======== workshop-step1.html =============*/
#container .innerpage-content .workshop-step1-content .title{border-bottom:1px solid #dddddd;padding-bottom:30px}
#container .innerpage-content .workshop-step1-content .middle-title{margin:60px auto 20px}
#container .innerpage-content .workshop-step1-content .link-title{margin:30px auto 50px}
#container .innerpage-content .workshop-step1-content .link-title a{font-size:1.5em;color:#0085d0}
#container .innerpage-content .workshop-step1-content .table-style{margin:20px auto 50px}

#container .innerpage-content .workshop-step1-content .workshop-address-list{width:100%}
#container .innerpage-content .workshop-step1-content .workshop-address-list .workshop-address-area{border-bottom:1px solid #dddddd;padding-bottom:15px;margin-bottom:15px}
#container .innerpage-content .workshop-step1-content .workshop-address-list .workshop-address-area .workshop-address{float:left;width:85%;margin-right:3%;margin-top:8px}
#container .innerpage-content .workshop-step1-content .map-icon{width:10%}

#container .innerpage-content .workshop-step1-content .btn-area{border-top:1px solid #dddddd;margin-top:30px}
/*======== workshop-step1.html =============*/

/*======== workshop-step2.html =============*/
#container .innerpage-content .workshop-step2-content p{margin:5% auto}
#container .innerpage-content .workshop-step2-content .course-handset-area{border-top:1px solid #dddddd;padding:5% 0 0;margin:5% auto 0}
/*======== workshop-step2.html =============*/

/*======== workshop-cancel.html =============*/
#container .innerpage-content .workshop-cancel-content .table-style{margin:20px auto 50px}
#container .innerpage-content .workshop-cancel-content .confirm-area{margin:30px auto;}
/*======== workshop-cancel.html =============*/

/*======== send-sms.html =============*/
#container .innerpage-content .send-sms-content .view-sms-charges{/*height:35px;*/background:url(../../img/desktop/attent-icon.png) no-repeat;padding-left:17%;padding-top:1%;text-decoration:underline}

#container .innerpage-content .send-sms-content .pink-title{color:#e40077;font-size:1.67em;margin:10% auto 5%}

#container .innerpage-content .send-sms-content .send-to-area .btn-area{float:right;margin:10% auto 5%; padding: 0; width: 50%;}
#container .innerpage-content .send-sms-content .send-to-area .pink-title{float:left;}
#container .innerpage-content .send-sms-content .send-to-area .send-number-area{width:90%;height:120px;border:1px solid #8AC23D;padding:5%;}
#container .innerpage-content .send-sms-content .send-to-area .send-number-area .send-scroll-area{width:100%;height:120px;}
#container .innerpage-content .send-sms-content .send-to-area .send-number-area .send-scroll-area .tag-editor .tag-editor-tag{display:block;width:150px;padding:3px 15px;text-align:left;color:#ffffff;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;background-color:#8fc31f;}
#container .innerpage-content .send-sms-content .send-to-area .send-number-area .send-scroll-area .send-number-intra{background-color:#8AC23D}
#container .innerpage-content .send-sms-content .send-to-area .send-number-area .send-scroll-area .send-number-inter{background-color:#e40077}

#container .innerpage-content .send-sms-content .send-to-instruction{/*float:left;*/ margin-top:10%;}

#container .innerpage-content .send-sms-content .send-to-reminder{/*float:left;width:100%;*/margin-top:10%;}

#container .innerpage-content .send-sms-content .intra-inter-icon-area{margin:20px 80px 20px 0}
#container .innerpage-content .send-sms-content .intra-inter-icon-area .intra,
#container .innerpage-content .send-sms-content .intra-inter-icon-area .inter{float: left; line-height: 20px; margin-right: 30px;}
#container .innerpage-content .send-sms-content .intra-inter-icon-area .intra span,
#container .innerpage-content .send-sms-content .intra-inter-icon-area .inter span{float:left;display:block;width:20px;height:20px;text-indent:30px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;margin-right:10px}
#container .innerpage-content .send-sms-content .intra-inter-icon-area .intra .icon{background-color:#8AC23D;}
#container .innerpage-content .send-sms-content .intra-inter-icon-area .inter .icon{background-color:#e40077}
#container .innerpage-content .send-sms-content .sms-enter-area .sms-textarea{width:100%;border:1px solid #8AC23D;resize:none;/*overflow:hidden;*/min-height:200px;padding:5% 10% 5% 5%;box-sizing:border-box;color:#555555}

#container .innerpage-content .send-sms-content .count-character-area{margin-top:20px}
#container .innerpage-content .send-sms-content .count-character-area input[type=text]{border:1px solid #dddddd;height:25px}
#container .innerpage-content .send-sms-content .count-character-area .count-character{float:left;width:100%;margin-bottom:20px}
#container .innerpage-content .send-sms-content .count-character-area .set-send-time-checkbox{float:left;width:100%;}
#container .innerpage-content .send-sms-content .count-character-area .set-date-time{display: none;}
#container .innerpage-content .send-sms-content .count-character-area .set-send-date{float:left;width:93%;margin-left:7%;margin-top:10px}
#container .innerpage-content .send-sms-content .count-character-area .set-send-date input[type=text]{width:72%;padding:3%;}
#container .innerpage-content .send-sms-content .count-character-area .set-send-time{float:left;width:93%;margin-left:7%;margin-top:10px}
#container .innerpage-content .send-sms-content .count-character-area .set-send-time input[type=text]{width:30%;padding:3%;}

#container .innerpage-content .send-sms-content .btn-area{margin:20px 0 60px;padding-top:30px;border-top:1px solid #dddddd}
/*======== send-sms.html =============*/

/*======== send-mms.html =============*/
#container .innerpage-content .send-mms-content .view-sms-charges{display:none;/*height:35px;*/background:url(../../img/desktop/attent-icon.png) no-repeat;padding-left:50px;padding-top:10px;text-decoration:underline}
#container .innerpage-content .send-mms-content .send-mms-notice{display:block;text-decoration:none;padding-top:5px;}
#container .innerpage-content .send-mms-content .pink-title{display:none}
#container .innerpage-content .send-mms-content .send-to-area{display:none}
#container .innerpage-content .send-mms-content .send-to-instruction{display:none}
#container .innerpage-content .send-mms-content .send-to-instruction-mobile{display:none}
#container .innerpage-content .send-mms-content .send-to-reminder{display:none}
#container .innerpage-content .send-mms-content .intra-inter-icon-area{display:none}
#container .innerpage-content .send-mms-content .sms-enter-area{display:none}
#container .innerpage-content .send-mms-content .count-character-area{display:none}
#container .innerpage-content .send-mms-content .input-area{display:none}
#container .innerpage-content .send-mms-content .btn-area{display:none}
#container .innerpage-content .send-mms-content .scroll-table{display:none}
#container .innerpage-content .send-mms-content .send-sms-remarks{display:none}
/*======== send-mms.html =============*/

/*======== send-record.html =============*/
#container .innerpage-content .send-record-content .attention-icon{height:35px;background:url(../../img/desktop/attent-icon.png) no-repeat;}
 
#container .innerpage-content .send-record-content .send-record-left-container{}
#container .innerpage-content .send-record-content .send-record-left-container .attention-text{padding-left:50px;padding-top:5px}
#container .innerpage-content .send-record-content .send-record-left-container .send-record-sorting-area{margin:20px auto 30px}
#container .innerpage-content .send-record-content .send-record-left-container .send-record-sorting-area .send-record-show-text{font-size:1.200em;color:#8AC23D;margin:0 auto 10px}
#container .innerpage-content .send-record-content .send-record-left-container .send-record-sorting-area .cmhkDropDown{margin:5% auto}

#container .innerpage-content .send-record-content .send-record-left-container .send-record-container{margin:20px auto 30px}
#container .innerpage-content .send-record-content .send-record-left-container .send-record-container .send-record-label{}
#container .innerpage-content .send-record-content .send-record-left-container .send-record-container .send-record-label .checkbox-area{float:left;width:40%;margin:0}
#container .innerpage-content .send-record-content .send-record-left-container .send-record-container .send-record-label .send-record-delete-label{float:right;background:url(../../img/mobile/sms-hisitory-close.png) no-repeat left;text-indent:30px}

#container .innerpage-content .send-record-content .send-record-left-container .send-record-container .send-record-area{background-color:#F9F9F9;padding:15px 3%;margin:20px auto}
#container .innerpage-content .send-record-content .send-record-left-container .send-record-container .send-from-record{border:2px solid #e40077;position:relative;}
#container .innerpage-content .send-record-content .send-record-left-container .send-record-container .send-to-record{border:2px solid #8AC23D;position:relative;}
#container .innerpage-content .send-record-content .send-record-left-container .send-record-container .send-record-area .checkbox-area{float:left;width:80%;margin:0}
#container .innerpage-content .send-record-content .send-record-left-container .send-record-container .send-record-area .send-record-time{float:left;width:100%;margin:5% auto}

/*#container .innerpage-content .send-record-content .send-record-left-container .send-record-container .send-record-area .green-btn-area{width:191px;margin:0 auto}*/
#container .innerpage-content .send-record-content .send-record-left-container .send-record-container .send-record-area .green-btn{float:left; width: 30%;text-align:center; margin: 0 0 0 13.5%;}
#container .innerpage-content .send-record-content .send-record-left-container .send-record-container .send-record-area .green-btn a{display:inline;margin:0 5px;}

#container .innerpage-content .send-record-content .send-record-left-container .send-record-container .send-record-area .send-record-delete{position:absolute;top:7%;right:3.5%;z-index:999;}
#container .innerpage-content .send-record-content .send-record-left-container .send-record-container .send-record-area .send-record-delete a{background:url(../../img/mobile/sms-hisitory-close.png) no-repeat;text-indent:-9999px;width:19px;height:19px;display:block}
#container .innerpage-content .send-record-content .send-record-left-container .send-record-container .send-record-area .send-record-content{float:left;width:100%;padding-top:5%;margin-top:5%;border-top:1px solid #dddddd}
 

#container .innerpage-content .send-record-content .send-record-right-container{margin:50px auto 0}
#container .innerpage-content .send-record-content .send-record-right-container .send-record-right-title{font-size:1.200em;color:#8AC23D;text-align:center;}
#container .innerpage-content .send-record-content .send-record-right-container .send-record-right-icon{background:url(../../img/desktop/send-record-mail.png) no-repeat center;height:97px;text-indent:-9999px;margin:20px auto}
#container .innerpage-content .send-record-content .send-record-right-container .send-record-right-content{text-align:center}
/*========  send-record.html =============*/


/*========  global-services.html, global-services-roaming.html =============*/
/*#container .innerpage-content .global-services-content .innerpage-banner{display:none}*/
#container .innerpage-content .global-services-content .title{display:block; margin-bottom:20px; }
#container .innerpage-content .global-services-content .introduction{display:block; margin-bottom:30px}
#container .innerpage-content .global-services-content .subpage-btn-container-noborder{margin-bottom:8%}
#container .innerpage-content .global-services-content .global-roaming-service{margin-bottom:8%}
/*#container .innerpage-content .global-services-content .global-roaming-service .middle-title{margin-bottom:0}*/
#container .innerpage-content .global-services-content .international-roaming-country-select{margin-bottom:50px}
#container .innerpage-content .global-services-content .international-roaming-country-select .cmhkDropDown{margin:5% auto 3%}
#container .innerpage-content .global-services-content .international-roaming-country-select .btn-area{padding-top:5%;border:none }

#container .innerpage-content .global-services-content .addtext1 { width:100%; position:relative; padding:0 0 20px 0;}  
#container .innerpage-content .global-services-content .addtext1 .tx { width:100%; padding:0; color:#555555 }
#container .innerpage-content .global-services-content .addtext1 .tx b { color:#8FC31F; font-weight:normal; padding:0 10px 0 0;}
#container .innerpage-content .global-services-content .addtext1 .tx span { display:inline-block; padding:0 15px 0 0;}
#container .innerpage-content .global-services-content .addtext1 .tx a { color:#555; text-decoration:underline;}
#container .innerpage-content .global-services-content .addtext1 .tx a:hover { color:#8DAF00}
/*========  global-services.html, global-services-roaming.html =============*/


/*========  customer-services.html =============*/
/*#container .innerpage-content .customer-services-content .innerpage-banner{display:none}*/
#container .innerpage-content .customer-services-content .title{display:block; margin:8% 0;}
#container .innerpage-content .customer-services-content .introduction{display:block; margin-bottom:8%}
#container .innerpage-content .customer-services-content .customer-service{margin-bottom:8%}	
/*========  customer-services.html =============*/


/*========  idd.html =============*/
#container .innerpage-content .idd-content .title{margin-bottom:20px;}
#container .innerpage-content .idd-content .grey-infobox-container{margin:20px auto 40px;}
#container .innerpage-content .idd-content .introduction{display:block;margin-bottom:10px}
/*========  idd.html =============*/


/*========  roaming-service-center.html =============*/
#container .innerpage-content .roaming-service-centre-content .roaming-centre-container{margin:0 auto 50px}
#container .innerpage-content .roaming-service-centre-content .roaming-centre-container .roaming-centre-photo{text-align:center}
#container .innerpage-content .roaming-service-centre-content .roaming-centre-container .roaming-centre-photo img{max-width:100%; height:auto}
#container .innerpage-content .roaming-service-centre-content .roaming-centre-container .roaming-centre-info{}
#container .innerpage-content .roaming-service-centre-content .roaming-centre-container .roaming-centre-info .middle-title{text-align:center; margin:20px auto;line-height:30px}
#container .innerpage-content .roaming-service-centre-content .roaming-centre-container .roaming-centre-info .map-icon{float:none; width:41px;margin:20px auto;}
#container .innerpage-content .roaming-service-centre-content .roaming-centre-container .roaming-centre-info .roaming-centre-detail{}
#container .innerpage-content .roaming-service-centre-content .roaming-centre-container .roaming-centre-info .roaming-centre-detail .title-column{ font-weight:bold}
#container .innerpage-content .roaming-service-centre-content .roaming-centre-container .roaming-centre-info .roaming-centre-detail .content-column{ margin-bottom:20px;}

#container .innerpage-content .roaming-service-centre-content .listing-style ol li {font-weight:bold}
#container .innerpage-content .roaming-service-centre-content .listing-style ol li ul li{font-weight:normal}
#container .innerpage-content .roaming-service-centre-content .listing-style ol li p{font-weight:normal}
/*========  roaming-service-center.html =============*/


/*========  performance-pledge.html =============*/
#container .innerpage-content .performance-pledge-content .table-style .select-quarter-column{color:#555}
/*========  performance-pledge.html =============*/


/*======== product-index1.html =============*/
#container .innerpage-content .product-content .box-container{}
#container .innerpage-content .product-content .title{text-align:center;display:block;margin-bottom:30px;}
#container .innerpage-content .product-content .product-index .title{margin-bottom:4%;}

#container .innerpage-content .product-content .for-desktop{display:block;}
#container .innerpage-content .product-content .for-otherdevice{/*display:block;*/;display:none;}
#container .innerpage-content .product-content .box-none{display:none;}
#container .innerpage-content .product-content .no-data {border:1px solid #ddd; text-align:center; padding:30px;}

#container .innerpage-content .product-content .phone-list{position:relative;margin:0 2%;}
#container .innerpage-content .product-content .phone-list .list-box{border:2px solid #ddd;width:86%;margin:0 3% 5%;padding:50px 3% 15px;position:relative;float:left;}

#container .innerpage-content .product-content .product-index .phone-list .list-box{margin:0 0.2em 0.5em; padding:40px 0.8em 1em;}
#container .innerpage-content .product-content .product-index .phone-list .list-box p {margin-bottom:2.5%}

#container .innerpage-content .product-content .phone-list .list-box .pink-tag{position:absolute;top:-1px;right:20px;background-color:#e95a9a;min-width:95px;padding:0 10px;height:33px;text-align:center;line-height:33px;color:#fff;font-size:1em;}
#container .innerpage-content .product-content .phone-list .list-box .red-tag{position:absolute;top:-1px;right:20px;background-color:#ec4e46;min-width:95px;padding:0 10px;height:33px;text-align:center;line-height:33px;color:#fff;font-size:1em;}
#container .innerpage-content .product-content .phone-list .list-box .green-tag{position:absolute;top:-1px;right:20px;background-color:#9fc235;min-width:95px;padding:0 10px;height:33px;text-align:center;line-height:33px;color:#fff;font-size:1em;}
#container .innerpage-content .product-content .phone-list .list-box .blue-tag{position:absolute;top:-1px;right:20px;background-color:#3eb9cb;min-width:95px;padding:0 10px;height:33px;text-align:center;line-height:33px;color:#fff;font-size:1em;}
#container .innerpage-content .product-content .phone-list .list-box .greenish-blue-tag{position:absolute;top:-1px;right:20px;background-color:#2eb997;min-width:95px;padding:0 10px;height:33px;text-align:center;line-height:33px;color:#fff;font-size:1em;}
#container .innerpage-content .product-content .phone-list .list-box .organe-tag{position:absolute;top:-1px;right:20px;background-color:#e69c1b;min-width:95px;padding:0 10px;height:33px;text-align:center;line-height:33px;color:#fff;font-size:1em;}

#container .innerpage-content .product-content .phone-list .list-box .section{margin-bottom:2%;position:relative;}
#container .innerpage-content .product-content .phone-list .list-box .section .photo{float:left;width:30%;margin:0 5% 2.5% 0}
#container .innerpage-content .product-content .phone-list .list-box .section .photo img{max-width:100%;height:auto;}
#container .innerpage-content .product-content .phone-list .list-box .section .info{float:left;width:65%;margin-top:2%;}
#container .innerpage-content .product-content .phone-list .list-box .section .info .name{line-height:1.3em;margin-bottom:3%;font-size:1.15em;width:95%;}
#container .innerpage-content .product-content .accessories .list-box .section .info .name{height:112px;}
#container .innerpage-content .product-content .product-frame-event .phone-list .list-box .section .info .name{height:114px;}
#container .innerpage-content .product-content .sim-only .list-box .section .info .name{font-size:1em;}
#container .innerpage-content .product-content .phone-list .list-box .section .info .content{line-height:1.2em;font-size:0.80em;/*margin-bottom:20px;*/}

#container .innerpage-content .product-content .promotion-preferential-box{position:absolute;z-index:8888;width:65%;/*margin:0 0 4%;*/}
#container .innerpage-content .product-content .product-frame-event .promotion-preferential-box{position:absolute;z-index:8888;width:52%;}
#container .innerpage-content .product-content .accessories .promotion-preferential-box{position:absolute;z-index:8888;width:52%;}
#container .innerpage-content .product-content .sim-only .promotion-preferential-box{position:absolute;z-index:8888;width:55%;}
#container .innerpage-content .product-content .promotion-preferential-box .pp-title{padding:1%;border:1px solid #e40077;color:#fff;text-align:center;background-color:#e40077;font-size:0.8em;line-height:normal;/*position:relative;width:20%;font-size:1.3em;line-height:1.15em;padding:1em 3% 3%; height:2.65em;*/}
#container .innerpage-content .product-content .promotion-preferential-box .pp-title span{display:none;/*background:url("../../img/desktop/gift.png") no-repeat right top;background-size:45px auto;background-position:center;height:50%;left:10%;position:absolute;text-indent:-9999px;top:-25%;width:80%;*/}
#container .innerpage-content .product-content .simonly-detail-form .promotion-preferential-box .pp-title {font-size:1em; padding:2%;}

#container .innerpage-content .product-content .promotion-preferential-box .pp-content{border:1px solid #ddd;padding:3.2% 3% 3%;overflow:hidden;text-align:center;background-color:#FFF;min-height:25px;position:relative;/*width:65%;z-index:12;position:absolute; top: 0px; right: 0px; line-height: 1.6em;*/}
#container .innerpage-content .product-content .promotion-preferential-box .pp-content .gift-box{height: 18px; overflow: hidden;}
#container .innerpage-content .product-content .promotion-preferential-box .pp-content p{margin-bottom:0;font-size:0.9em;line-height:1.3em}
#container .innerpage-content .product-content .promotion-preferential-box .pp-content .show-more{position:absolute;bottom:5px;width:14px;height:5px;background:url(../../img/desktop/gift-arrow.png) no-repeat center bottom;left:47%;}
#container .innerpage-content .product-content .promotion-preferential-box .pp-content .open{background:url(../../img/desktop/gift-arrow-up.png) no-repeat;}

/*#container .innerpage-content .product-content .handset-listing-form .promotion-preferential-box {margin-top:3.5%;}*/


#container .innerpage-content .product-content .outlet-btn {margin-top:35.5%;}
#container .innerpage-content .product-content .outlet-btn a{font-size:0.9em;display:block;margin-bottom:4%;padding:5%;border:1px solid #ddd;line-height:1em;}
#container .innerpage-content .product-content .outlet-btn a:hover{border:1px solid #8fc31f;background-color:#8fc31f;color:#fff;}
#container .innerpage-content .product-content .phone-list .list-box .plan-list{margin-left:-1%;margin-bottom:1.5%;}
#container .innerpage-content .product-content .phone-list .list-box .plan-list li{float:left;display:block;border:1px solid #cccccc;color:#555555;padding:1px;margin:0 1% 2%;text-align:center;width:29%;height:28px;line-height:28px;cursor:pointer;font-size: 1em;}
#container .innerpage-content .product-content .phone-list .list-box .plan-list li.selected {border:1px solid #8AC23D;/*padding:1% 0.5%; margin:0 0.9% 0.5%; */}
#container .innerpage-content .product-content .phone-list .list-box .plan-list li.last{margin-right:0px;}
#container .innerpage-content .product-content .phone-list .list-box .cmhkDropDown .selected, .cmhkDropDown li{padding:2% 4% !important;}
#container .innerpage-content .product-content .phone-list .list-box .cmhkDropDown{margin-bottom:2.5%;border:1px solid #83BA28;}
#container .innerpage-content .product-content .sim-only .list-box .cmhkDropDown{margin-bottom:4.5%;border:1px solid #83BA28;}
#container .innerpage-content .product-content .phone-list .list-box .cmhkDropDown div{left:-1px;right:-1px;border:1px solid #83BA28;}
#container .innerpage-content .product-content .phone-list .list-box .cmhkDropDown .arrow_int{ top:44.5%;}
#container .innerpage-content .product-content .phone-list .list-box .cmhkDropDown .arrow_out{ top:38.5%; }
#container .innerpage-content .product-content .phone-list .list-box .cmhkDropDown.open .arrow_int{ top:27.5%;}
#container .innerpage-content .product-content .phone-list .list-box .cmhkDropDown.open .arrow_out{ top:33.5%; }
#container .innerpage-content .product-content .phone-list .list-box .rateplan-price{text-align:center;color:#e40077;font-size:1em;margin-bottom:2.5%;}
#container .innerpage-content .product-content .phone-list .list-box .rateplan-price span{font-size:1.3em;}
#container .innerpage-content .product-content .phone-list .list-box .rateplan-info{border:1px solid #ddd;/*border-bottom:none;*/margin-bottom:5%;padding:3% 5% 3%; line-height:1.5em;background-color:#f3f3f3;}
#container .innerpage-content .product-content .phone-list .list-box .rateplan-data{display:none;border:1px solid #ddd;border-top:1px solid #8AC23D;padding:2% 5%;margin-bottom:4%;}
#container .innerpage-content .product-content .phone-list .list-box .rateplan-data span{float:left;display:block;}
#container .innerpage-content .product-content .phone-list .list-box .rateplan-data span.border{border-right:1px solid #ddd;margin:0 10px;}
#container .innerpage-content .product-content .phone-list .list-box .promotion-action-box{margin-bottom:4%;}
#container .innerpage-content .product-content .phone-list .list-box .promotion-action-box .green-btn {margin-bottom:0%;}
#container .innerpage-content .product-content .phone-list .list-box .promotion-action-box .add-to-compare-box{margin-bottom:4%; margin-left:1%;}
#container .innerpage-content .product-content .phone-list .list-box .promotion-action-box .add-to-compare-box span{float:left; margin-right:5px;}
#container .innerpage-content .product-content .phone-list .list-box .promotion-action-box .add-to-compare-box span.add-to-compare-text{margin-top:2px;line-height:1em}
#container .innerpage-content .product-content .phone-list .list-box .promotion-action-box .add-to-compare-box .add-to-compare{margin-top:2px;}
#container .innerpage-content .product-content .product-index .phone-list .list-box .promotion-action-box .add-to-compare-box .add-to-compare{/*margin-top:8px;*/}
#container .innerpage-content .product-content .phone-list .list-box .promotion-action-box .add-to-compare-box .add-to-compare-action-btn{float: left; display: none;margin:2px 5px 0 0;padding-right:17px;background:url("../../img/desktop/product-next-arrow.png") no-repeat right -5px; cursor: pointer;line-height:1em}

#container .innerpage-content .product-content .phone-list .list-box .promotion-action-box .add-to-compare-box .hanset-listing-compare-alert{position: absolute; z-index: 9999; left: 3%; bottom: 18%; width: 77.5%; background-color: #fff; border: 1px solid #8fc31f; padding: 5% 11% 3% 5%;}
#container .innerpage-content .product-content .phone-list .list-box .promotion-action-box .add-to-compare-box .hanset-listing-compare-alert .close{position: absolute; right: 10px; top: 10px;background:url("../../img/desktop/sms-hisitory-close.png") no-repeat left top;width:19px;height:19px;display:block; cursor:pointer; text-indent:-9999px;}

#container .innerpage-content .product-content .btn-more{display:block;padding:3%;background-color:#8AC23D;color:#fff;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;text-align:center;}

#container .innerpage-content .product-content .phone-list .phone-list-nav a{height:80px;position:absolute;text-indent:-9999px;top:35%;width:12px;z-index:888;}
#container .innerpage-content .product-content .phone-list .phone-list-nav .btn-prev{left:-15px;background:url("../../img/desktop/left-arrow.png") no-repeat left top;}
#container .innerpage-content .product-content .phone-list .phone-list-nav .btn-next{right:-15px;background:url("../../img/desktop/right-arrow.png") no-repeat right top;}
#container .innerpage-content .product-content .underline{margin:0px 6% 30px;text-align:right;border-bottom:1px solid #ddd;padding-bottom:0.4em;}
#container .innerpage-content .product-content .more-list{text-align:right;background:url(../../img/desktop/product-next-arrow.png) no-repeat center right;padding-right:25px;color:#555;font-size:1em;}

/*--- price box --*/
#container .innerpage-content .product-content .phone-list .list-box .price-box{border:1px solid #ddd;padding:4% 4% 4% 5%;margin-bottom:4%; line-height:1.3em;background-color:#f3f3f3;}
#container .innerpage-content .product-content .product-frame-handsetonly .phone-list .list-box .promotion-price-box-with-other-price{border:1px solid #ddd;padding:2% 4% 4% 5%;margin-bottom:4%; line-height:1.3em;background-color:#f3f3f3;}
#container .innerpage-content .product-content .phone-list .list-box .price{color:#e40077;margin-bottom:3%;}
#container .innerpage-content .product-content .phone-list .list-box .price1{float:left;padding-right:4%;margin-right:4%;width:42%;border-right:1px solid #ddd;}
#container .innerpage-content .product-content .phone-list .list-box .price2{float:left;color:#e40077;width:49%;}
#container .innerpage-content .product-content .phone-list .list-box .price1 span,
#container .innerpage-content .product-content .phone-list .list-box .price1 del,
#container .innerpage-content .product-content .phone-list .list-box .price2 span{font-size:1.3em; margin-left:5px;margin-top:2%;}
#container .innerpage-content .product-content .phone-list .list-box .price span{font-size:1.3em; margin-top:2%; margin-left: 0;/*display:block;*/}
#container .innerpage-content .product-content .phone-list .list-box .price-na{color:#ccc !important; padding:0 !important;margin:0;font-size:1em !important;line-height:1.5em;}
#container .innerpage-content .product-content .phone-list .list-box .box2 .price-na{color:#ccc !important; padding:0 !important;margin:0;font-size:1em !important;line-height:23px;}
#container .innerpage-content .product-content .phone-list .list-box .price-na span{font-size:1em !important; padding:0 !important;}
#container .innerpage-content .product-content .phone-list .list-box .price-box p{margin-bottom:0; line-height:1.3em}
#container .innerpage-content .product-content .phone-list .list-box .price-remark p{font-size:0.80em;}
#container .innerpage-content .product-content .phone-list .list-box span.line{text-decoration:line-through;}
#container .innerpage-content .product-content .phone-list .list-box .remark{margin-bottom:3%;line-height:1.3em;display:none;}
#container .innerpage-content .product-content .phone-list .list-box .price-center{border: none;float: none;text-align: center;width: auto;font-size: 20px;line-height:1.5em}
#container .innerpage-content .product-content .phone-list .list-box .price-center span{font-size: 20px;}

/*--- handset --*/
#container .innerpage-content .product-content .cate-list{margin: 0 auto 3.5%; width: 95%;}
#container .innerpage-content .product-content .cate-list .list-item{float:left;border-right:1px solid #ddd;padding:0 1em 6px;position:relative;max-width:174px;text-align:center;}
#container .innerpage-content .product-content .cate-list .list-item a{color:#555;font-size:1.0em; display: block;text-align:center;line-height:1.3em;margin-bottom:4px;}
#container .innerpage-content .product-content .cate-list .list-item a.selected span{width:100%;height:6px;background:url(../../img/desktop/gift-arrow.png) no-repeat center; display: block; position: absolute; left: 0px; bottom: 0px;}
#container .innerpage-content .product-content .handset .list-box .section .info .info-h{min-height: 100px;}
#container .innerpage-content .product-content .handset .list-box .section .info .outlet-info-h{height:52px;}
#container .innerpage-content .product-content .handset .list-box .price1{border-right:1px solid #ddd;}
#container .innerpage-content .product-content .handset .list-box .price1 span,
#container .innerpage-content .product-content .handset .list-box .price1 del,
#container .innerpage-content .product-content .handset .list-box .price2 span{/*display:block;*/}
#container .innerpage-content .product-content .handset .list-box .cmhkDropDown .selected{color:#e40077;}

/*--- sim only --*/
#container .innerpage-content .product-content .sim-only .list-box .section .photo{float:left;width:40%;margin:0 5% 0 0;}
#container .innerpage-content .product-content .sim-only .list-box .section .info{float:left;width:55%;margin-top:1%;}
#container .innerpage-content .product-content .sim-only .list-box .section .info .info-h{min-height:96px;}
#container .innerpage-content .product-content .sim-only .list-box .section .info .content{font-size:1.15em;color:#e40077;}
#container .innerpage-content .product-content .sim-only .list-box .section .info .promotion-preferential-box .pp-content{/*width:150px;*/}
#container .innerpage-content .product-content .sim-only .list-box .section .photo img{margin-bottom:5%;width:100%;}
/*#container .innerpage-content .product-content .sim-only .list-box .rateplan-info{line-height:49px;}*/
#container .innerpage-content .product-content .sim-only .list-box .rateplan-info span{color:#e40077;margin-right:10px; }
#container .innerpage-content .product-content .sim-only .list-box .rateplan-info span b{ font-size:1.3em;font-weight:normal;margin-left:5px;}
#container .innerpage-content .product-content .sim-only .list-box .contact-period{/*background:url(../../img/desktop/new-customer-border.png) no-repeat top center;padding-top:20px;*/color:#e40077;text-align:left;margin-bottom:1.5%; font-size:1em;}
#container .innerpage-content .product-content .sim-only .list-box select{color:#555;}
#container .innerpage-content .product-content .sim-only .list-box .rateplan-info i{font-style: normal;margin-left:5px;}

/*--- Prepaid Card --*/
#container .innerpage-content .product-content .prepaid-card .list-box .section .photo{float:left;width:43%;margin:0 5% 3% 0;}
#container .innerpage-content .product-content .prepaid-card .list-box .section .info{float:left;width:50%;margin-top:1%;}
#container .innerpage-content .product-content .prepaid-card .list-box .section .info .promotion-preferential-box .pp-content{}
#container .innerpage-content .product-content .prepaid-card .list-box .desc{margin-bottom:5%; font-size:0.9em;display:none;}
#container .innerpage-content .product-content .prepaid-card .list-box .price-box{margin-bottom:5%;}
#container .innerpage-content .product-content .prepaid-card .listing-style ul > li {margin:0; padding:0;line-height:1.5em;}

/*--- Accessories --*/
#container .innerpage-content .product-content .accessories .list-box .section .photo{float:left;width:43%;margin:0 5% 3% 0;}
/*#container .innerpage-content .product-content .accessories .list-box .section .photo img{width:55%;}*/
#container .innerpage-content .product-content .accessories .list-box .section .info{float:left;width:50%;margin-top:1%;}
/*#container .innerpage-content .product-content .accessories .list-box .section .info .name{text-align:center; margin-bottom:10%;}*/
#container .innerpage-content .product-content .accessories .list-box .box1 .price2{color:#e40077;}
#container .innerpage-content .product-content .accessories .list-box .box2{text-align:center;color:#e40077;/*min-height:54px;*/font-size:1em;}
#container .innerpage-content .product-content .accessories .list-box .box2 .price{font-size:1em;padding:2% 0;margin:0;}
#container .innerpage-content .product-content .accessories .list-box .box2 .price span{font-size:1.5em;padding:3%; display:inline;}
#container .innerpage-content .product-content .accessories .list-box .box2 p{margin-bottom:0;}
/*#container .innerpage-content .product-content .accessories .list-box .box2 .price-na{line-height:50px;}*/
#container .innerpage-content .product-content .accessories .list-box .box2 a{cursor:pointer;/*line-height:1.2em;*/font-size:0.85em;}
/*======== product-index1.html =============*/

/*======== product-index2.html =============*/
#container .innerpage-content .product-content .search-listing{margin:0;}
#container .innerpage-content .product-content .search-listing .list-box{width:93.6%;margin:0 0 5%;}
/*======== product-index2.html =============*/

/*======== handset-only-listing.html =============*/
#container .innerpage-content .product-content .search-title{text-align:center;}
#container .innerpage-content .product-content .search-title span{text-align:center;font-size:2em;margin-bottom:30px;background:#8AC23D;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;color:#ffffff;padding:8px 30px;display:block;font-size:1em;}
#container .innerpage-content .product-content .cart-btn{margin:4% 0 5%;text-align:right;}
#container .innerpage-content .product-content .cart-btn a{background:url(../../img/desktop/shopping-cart.png) no-repeat 15% center #e40077;background-size:14%;padding:2.5% 4% 2.5% 11%;/*display:inline-block;*/color:#fff;font-size:1em;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
/*======== handset-only-listing.html =============*/

/*======== new-customer-handset-detail.html =============*/
#container .innerpage-content .product-content .product-main .step-content .li-box{margin:0/* 0 -4% -2%*/;}
#container .innerpage-content .product-content .product-main .step-content .li-box li{float:left;display:block;border:0.1em solid #cccccc;color:#555555;padding:2% 2%;margin:2.5%;text-align:center;min-width:40%;cursor:pointer;font-size:1em; position: relative;}
#container .innerpage-content .product-content .product-main .step-content .li-box li a{display: block;}
#container .innerpage-content .product-content .product-main .step-content .li-box li.selected{border:0.1em solid #8AC23D;padding:2% 2%;}
#container .innerpage-content .product-content .product-main .step-content .li-box li.selected span{background:url(../../img/desktop/tab-indicate-arrow.png) no-repeat center bottom;width: 100%;height:5px;display:block;margin:0 auto; position: absolute; left: 0; bottom: 17%;}
#container .innerpage-content .product-content .product-main .step-content{margin-bottom:20px;}
#container .innerpage-content .product-content .product-main .new-customer{margin-bottom:20px;}
#container .innerpage-content .product-content .product-main .new-customer table.table-style{margin-bottom:0;}
#container .innerpage-content .product-content .product-main .new-customer table.table-style th{white-space:nowrap;}
#container .innerpage-content .product-content .product-main .new-customer table.table-style td{cursor:pointer;text-align:center; white-space: nowrap}
#container .innerpage-content .product-content .product-main .new-customer table.table-style tr.selected td{background-color:#e40077 !important;color:#fff;}
#container .innerpage-content .product-content .product-main .new-customer table.table-style td input{margin-top:-5px;margin-right:10px;}

#container .innerpage-content .product-content .product-main .new-customer .li-box li,
#container .innerpage-content .product-content .product-main .sim-only .li-box li{height: 36px;}

#container .innerpage-content .product-content .product-main .photo.new-customer{border-bottom:1px solid #ddd;padding-bottom:5%;}
#container .innerpage-content .product-content .product-main .rateplan-price{font-size:1em;margin-bottom:5%;}
#container .innerpage-content .product-content .product-main .rateplan-price span{font-size:1.8em;color:#e40077;margin:0 15px 0 5px;}
#container .innerpage-content .product-content .product-main .promotion-preferential-box{border-bottom:1px solid #ddd;padding-bottom:10%;margin:10% 0 5%;}
#container .innerpage-content .product-content .handset-rateplan-detail-form .promotion-preferential-box{position:relative;width:100%;}
#container .innerpage-content .product-content .handset-rateplan-detail-form .promotion-preferential-box .pp-title{font-size:1em;padding:2%;}
#container .innerpage-content .product-content .handset-rateplan-detail-form .promotion-preferential-box .pp-content p{font-size:1em;}
#container .innerpage-content .product-content .product-main .product-name{font-size:1.3em;margin-bottom:3%;}
#container .innerpage-content .product-content .product-main .choose-num-area{}
#container .innerpage-content .product-content .product-main .choose-num-area .choose-num{margin-bottom:3%;}
#container .innerpage-content .product-content .product-main .choose-num-area .choose-num .reload_reserve_number{display:none;background:url(../../img/mobile/refresh-btn.png) no-repeat left top;padding:2px 0 0 33px;height:25px; margin-bottom:8%;}
#container .innerpage-content .product-content .product-main .choose-num-area .choose-num input[type="radio"]{margin-top:-3px;}
#container .innerpage-content .product-content .product-main .choose-num-area .choose-num input[type="text"]{/*height:30px;line-height:30px;width:200px;margin-left:25px;*/font-size:1em;width:90%; line-height:38px;/*padding:3%;*/text-align:center;}
/*======= for prepaid user port in remark ========*/
#container .innerpage-content .product-content .product-main .choose-num-area .choose-num .prepaid-port-in-remark{width:90%;}
/*======== new-customer-handset-detail.html =============*/

/*======== handset-only-detail.html =============*/
#container .innerpage-content .product-content .product-main{margin:0 0 5%;}
#container .innerpage-content .product-content .product-main .product-title{color:#e40077;font-size:1.33em;line-height:1.3em;border-bottom:1px solid #ddd;padding-bottom:4%;margin:4% 0;}
#container .innerpage-content .product-content .product-main .product-title span{color:#555;/*margin-left:10px;*/display:block;}
#container .innerpage-content .product-content .product-main .product-title span i{font-style:normal;text-decoration:line-through;}
#container .innerpage-content .product-content .product-main .section{border-bottom:1px solid #ddd;margin-bottom:8%;}
#container .innerpage-content .product-content .product-main .section .photo{text-align:center;margin-bottom:5%;}
#container .innerpage-content .product-content .product-main .section .photo img{max-width:100%;height:auto;margin:5% 0 0;max-height:17em;}
#container .innerpage-content .product-content .product-main .section .photo span{color:#e40077;}
#container .innerpage-content .product-content .product-main .section .detail{}
/*#container .innerpage-content .product-content .product-main .section .detail .scroll-table{margin-bottom:5%;}*/
/*#container .innerpage-content .product-content .product-main .section .detail table.table-style th{white-space:nowrap;}*/
#container .innerpage-content .product-content .product-main .section .detail table.table-style th,
#container .innerpage-content .product-content .product-main .section .detail table.table-style td{text-align:center;}
#container .innerpage-content .product-content .product-main .section .detail table.table-style tr.selected td{background-color:#e40077 !important;color:#fff;}
#container .innerpage-content .product-content .product-main .section .detail table.table-style tr.plan-na td{background-color:#f3f3f3 !important;color:#ccc;}
#container .innerpage-content .product-content .product-main .section .detail .item1{color:#555;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ddd;}
#container .innerpage-content .product-content .product-main .section .detail .item2{color:#008ED4;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ddd;}
#container .innerpage-content .product-content .product-main .section .detail .item3{color:#e40077;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ddd;}
#container .innerpage-content .product-content .product-main .section .detail .promotion-preferential-box{border-bottom:1px solid #ddd;padding-bottom:8%;margin:8% 0;position:relative;width:100%;}

#container .innerpage-content .product-content .product-main .step-title{color:#83BA28;font-size:1.333em;margin:7% 0 5%;}
#container .innerpage-content .product-content .product-main .step-title span{font-size:1.5em;float:left;width:7%;display:block;margin-top:-1%;}
#container .innerpage-content .product-content .product-main .step-title p{float:left;margin-bottom:0px;width:90%;}
#container .innerpage-content .product-content .product-main .section .detail .step-content{margin-bottom:5%;padding:0 0 5% 7%;border-bottom:1px solid #ddd;}
#container .innerpage-content .product-content .product-main .section .detail .step-content.last{border:none;padding-bottom:0;}
#container .innerpage-content .product-content .product-main .section .detail .step-content .li-box li{min-width:39.5%;}

#container .innerpage-content .product-content .product-main .section .detail .step-content .choose-price{margin-bottom:-30px;}
@-moz-document url-prefix(){#container .innerpage-content .product-content .product-main .section .detail .step-content .choose-price{margin-top:60px;}}
#container .innerpage-content .product-content .product-main .section .detail .step-content .choose-price li{margin-bottom:30px;}
#container .innerpage-content .product-content .product-main .section .detail .step-content .choose-price li span{color:#e40077;}
#container .innerpage-content .product-content .product-main .section .detail .step-content .choose-price li .left{float:left;width:50%;margin-right:10%;}
#container .innerpage-content .product-content .product-main .section .detail .step-content .choose-price li .right{float:left;width:40%;}
#container .innerpage-content .product-content .product-main .section .detail .step-content .choose-price li .right input{width:30%;height:21px;text-align:center;line-height:21px;margin:0 3px;}
#container .innerpage-content .product-content .product-main .section .detail .step-content .choose-price li .right a{display:inline-block;text-indent:-9999px;vertical-align:middle;width:21px;height:21px;}
#container .innerpage-content .product-content .product-main .section .detail .step-content .choose-price li .right .btn-minus{background:url(../../img/desktop/mins.png) no-repeat;}
#container .innerpage-content .product-content .product-main .section .detail .step-content .choose-price li .right .btn-add{background:url(../../img/desktop/plus.png) no-repeat;}
/*#container .innerpage-content .product-content .product-main .section .detail .step-content .method-list{margin-bottom:-10px;}*/
#container .innerpage-content .product-content .product-main .section .detail .step-content .method-list li{margin-bottom:1.5em;}
#container .innerpage-content .product-content .product-main .section .detail .step-content .method-list li input{/*margin-top:-2px;*/}


#container .innerpage-content .product-content .product-main .buy-now-area{margin-bottom:10%;}
#container .innerpage-content .product-content .btn-back{line-height:1em;background:url(../../img/desktop/product-back-arrow.png) no-repeat center left;padding-left:20px;color:#555;font-size:1em;margin-bottom:20px;display:block;}
/*======== handset-only-detail.html =============*/

/*======== simonly-detail.html =============*/
#container .innerpage-content .product-content .product-main .section .detail .step-content.sim-only{padding:0 0 10% 0;}
#container .innerpage-content .product-content .product-main .section .detail .sim-only .rateplan-price{margin-top:5%;}
#container .innerpage-content .product-content .product-main .section .detail .sim-only .li-box li{width:39.5%;}
#container .innerpage-content .product-content .product-main .section .detail .sim-only .promotion-preferential-box{width:100%;position:relative;border:none;padding-bottom:0;margin-bottom:0;}
#container .innerpage-content .product-content .product-main .info-title{color:#83BA28;font-size:1.33em;margin:20px 0;text-align:left;}
#container .innerpage-content .product-content .product-main .info-tb th{width:115px;padding-right:5px;}
#container .innerpage-content .product-content .product-main .info-tb th,
#container .innerpage-content .product-content .product-main .info-tb td{text-align:left;padding-bottom:10px;}
/*======== simonly-detail.html =============*/

/*======== prepaid-card-detail.html =============*/
#container .innerpage-content .product-content .product-main .info-list-card{text-align:left; }
#container .innerpage-content .product-content .product-main .prepaidcard-user-guide{text-align:left; margin-left: 25px; font-weight: bold; text-decoration: underline;}
#container .innerpage-content .product-content .product-main .price-box{margin-bottom:3%;padding:2% 1%;}
#container .innerpage-content .product-content .product-main .price1{float:left;width:30%;}
#container .innerpage-content .product-content .product-main .price2{float:left;width:32%;padding-left:4%;border-left:1px solid #ddd;}
#container .innerpage-content .product-content .product-main .price3{float:left;width:29%;color:#e40077;padding-left:4%;border-left:1px solid #ddd;}
#container .innerpage-content .product-content .product-main .price-none{font-size:1.8em;}
#container .innerpage-content .product-content .product-main .price1 span,
#container .innerpage-content .product-content .product-main .price2 span,
#container .innerpage-content .product-content .product-main .price3 span{margin:0 1%;font-size:1.5em;display:block; line-height:1.3em}
#container .innerpage-content .product-content .product-main .price2 span{color:#e40077;}
#container .innerpage-content .product-content .product-main span.line{text-decoration:line-through;}
#container .innerpage-content .product-content .product-main .box1 .price1{width:38%;}
#container .innerpage-content .product-content .product-main .box1 .price2{width:57%;}
#container .innerpage-content .product-content .product-main .modify-quantity input{width:65%;/*height:21px;*/text-align:center;line-height:1.5;margin:0 3%;padding:2%;}
#container .innerpage-content .product-content .product-main .modify-quantity .btn-minus{background:url(../../img/desktop/mins.png) no-repeat;display:inline-block;text-indent:-9999px;vertical-align:middle;width:21px;height:21px;}
#container .innerpage-content .product-content .product-main .modify-quantity .btn-add{background:url(../../img/desktop/plus.png) no-repeat;display:inline-block;text-indent:-9999px;vertical-align:middle;width:21px;height:21px;}

#container .innerpage-content .product-content .rel-product{border-top:1px solid #ddd;padding:8% 1% 5%;margin:0;}
#container .innerpage-content .product-content .rel-product .rel-title{font-size:1.5em;color:#e40077;margin-bottom:30px;}
#container .innerpage-content .product-content .rel-product li{width:100%;clear:both;margin:20px 0;float:left;}
#container .innerpage-content .product-content .rel-product li a{display:block;width:40%;float:left;}
#container .innerpage-content .product-content .rel-product li a.related-product-name{margin:0 0 0 20px;float:left;}
#container .innerpage-content .product-content .rel-product li img{display:block;max-width:100%;height:auto;}
/*======== prepaid-card-detail.html =============*/

/*======== pre-order-listing.html =============*/
#container .innerpage-content .product-content .pre-order-list{position:relative;}
#container .innerpage-content .product-content .pre-order-list li{border:2px solid #ddd;margin-bottom:20px;padding:40px 3% 20px;}
#container .innerpage-content .product-content .pre-order-list li .info-m{margin-bottom:8%;}
#container .innerpage-content .product-content .pre-order-list li .photo{float:left;width:35%;margin:0 5% 0 3%}
#container .innerpage-content .product-content .pre-order-list li .photo img{max-width:100%;height:auto;width:90%;}
#container .innerpage-content .product-content .pre-order-list li .intro{float:left;width:50%;margin-top:2%;}
#container .innerpage-content .product-content .pre-order-list li .intro .name{font-size:1.15em;color:#555;font-weight:bold;line-height:1.2em;margin-bottom:5%;}
#container .innerpage-content .product-content .pre-order-list li .intro .content{font-size:1em;line-height:1.2em;}
#container .innerpage-content .product-content .pre-order-list li .remark{margin-bottom: 5%; line-height:1.5em; }
#container .innerpage-content .product-content .pre-order-list .price-box{border:1px solid #ddd;padding:5% 5% 5% 6%;margin-bottom:5%;}
#container .innerpage-content .product-content .pre-order-list p{margin-bottom:5%; line-height:1.2em;}
#container .innerpage-content .product-content .pre-order-list .price1{float:left;padding-right:8%;margin-right:8%;width:33%;border-right:1px solid #ddd;}
#container .innerpage-content .product-content .pre-order-list .price2{float:left;color:#e40077;width:50%;}
#container .innerpage-content .product-content .pre-order-list .price1 span,
#container .innerpage-content .product-content .pre-order-list .price2 span{font-size:1.8em; display:block;margin-top:2%;color:#e40077;}
#container .innerpage-content .product-content .pre-order-list span.line{text-decoration:line-through;}
/*======== pre-order-listing.html =============*/

/*======== pre-order-detail.html =============*/
#container .innerpage-content .product-content .product-main .box2 .price1{width:37%;}
#container .innerpage-content .product-content .product-main .box2 .price2{width:42%;}
#container .innerpage-content .product-content .product-main .item3{margin-bottom:20px;}
#container .innerpage-content .product-content .product-main .item3 a{color:#e40077;}
#container .innerpage-content .product-content .product-main .item4{color:#555;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ddd;}
#container .innerpage-content .product-content .product-main .pre-order-btn .btn-back{float:left;line-height:39px;}
#container .innerpage-content .product-content .product-main .pre-order-btn .product-blue-btn{float:right;}
#container .innerpage-content .product-content .product-main .step-content.pre-order-detail{padding-left:0px !important;}
/*======== pre-order-detail.html =============*/

/*======== shopping-cart.html =============*/
#container .innerpage-content .product-content .cart-list{}
#container .innerpage-content .product-content .cart-list .red{color:#e40077;}
#container .innerpage-content .product-content .cart-title{font-size:1.8em;color:#8fc31f ;margin-bottom:5%;}
#container .innerpage-content .product-content .item-box{border-top:1px solid #ddd;line-height:1.5em;margin-bottom:10%;}
#container .innerpage-content .product-content .item-box table{border: 2px solid #ddd;border-top:1px solid #ddd; border-bottom:1px solid #ddd; display: block;}
#container .innerpage-content .product-content .item-box table tr{border-bottom:1px solid #ddd; display: block;}
#container .innerpage-content .product-content .item-box table tbody,
#container .innerpage-content .product-content .item-box table td{display:block;}
#container .innerpage-content .product-content .item-box .td-box{/*margin:0 10%;*/padding:5% 3%;}
#container .innerpage-content .product-content .item-box .green,
#container .innerpage-content .product-content .total-box .green{color:#83BA28;}
#container .innerpage-content .product-content .item-box .item-summary .td-box{border-bottom:1px solid #ddd;}
#container .innerpage-content .product-content .item-box .item-summary .item-image{float:left;width:35%;margin:0 5% 0 3%;}
#container .innerpage-content .product-content .item-box .item-summary .item-image img{float:left;max-width:95%;height:auto;max-height:180px;}
#container .innerpage-content .product-content .item-box .item-summary .item-info{float:left;width:55%;}
#container .innerpage-content .product-content .item-box .item-summary .item-info .name{margin-bottom:5%;}
#container .innerpage-content .product-content .item-box .item-summary .item-info .remark{font-size:0.8em;line-height:1.5em;}
#container .innerpage-content .product-content .item-box .item-summary .item-info .remark p{margin-bottom:0.5em;}
#container .innerpage-content .product-content .item-box .item-price-quantity{text-align:center;}
#container .innerpage-content .product-content .item-box .item-price-quantity .td-box{border-bottom:1px solid #ddd;}
#container .innerpage-content .product-content .item-box .item-price-quantity .quantity{margin-bottom:20px;}
#container .innerpage-content .product-content .item-box .item-price-quantity input{width:30%;text-align:center;margin:0 3%;padding:3%;}
#container .innerpage-content .product-content .item-box .item-price-quantity a{display:inline-block;text-indent:-9999px;vertical-align:middle;width:21px;height:21px;}
#container .innerpage-content .product-content .item-box .item-price-quantity .btn-minus{background:url(../../img/desktop/mins.png) no-repeat;}
#container .innerpage-content .product-content .item-box .item-price-quantity .btn-add{background:url(../../img/desktop/plus.png) no-repeat;}
#container .innerpage-content .product-content .item-box .item-price-quantity .btn-add.disable,
#container .innerpage-content .product-content .item-box .item-price-quantity .btn-minus.disable{background-position:0 -21px;}
#container .innerpage-content .product-content .item-box .item-subtotal{text-align:center;background-color:#F3F3F3;margin:0;}
#container .innerpage-content .product-content .item-box .item-subtotal span{display:block;}
#container .innerpage-content .product-content .item-box .item-action{text-align:center;line-height:25px;}
#container .innerpage-content .product-content .item-box .item-action .td-box{border-top:1px solid #ddd;}
#container .innerpage-content .product-content .item-box .item-action .btn-remove{width:62px;height:23px;background:url(../../img/desktop/remove-btn.png) no-repeat;padding:2px 0 0 30px;display:block;margin:0 auto;}
#container .innerpage-content .product-content .total-box{border-top:1px solid #ddd;margin-bottom:8%;font-size:1em;font-weight:bold;}
#container .innerpage-content .product-content .total-box table{border:1px solid #ddd;border-top:none;width:100%;}
#container .innerpage-content .product-content .total-box td{display:block;float:left;width:100%;text-align:center;}
#container .innerpage-content .product-content .total-box .td-box{margin:0 8%;padding:8% 0;}
#container .innerpage-content .product-content .total-box .item1{}
#container .innerpage-content .product-content .total-box .item1 .td-box{border-bottom:1px solid #ddd;}
#container .innerpage-content .product-content .total-box .item2{width:25%;padding-left:25%;}
#container .innerpage-content .product-content .total-box .item3{width:25%;padding-right:25%;}
#container .innerpage-content .product-content .total-box .item4{}
#container .innerpage-content .product-content .cart-list .product-blue-btn{display:block;}
#container .innerpage-content .product-content .cart-list .cart-no-good-msg{margin:20px 0; padding:30px;border:2px solid #ddd; text-align:center;}
/*======== shopping-cart.html =============*/

/*======== fill-in-information.html =============*/
#container .innerpage-content .product-content .cart-list .step-area{margin:20px 5%;}
#container .innerpage-content .product-content .cart-list .step-area .step-list{color:#bbbbbb;font-weight:bold;margin-bottom:10px;}
#container .innerpage-content .product-content .cart-list .step-area .step-list .txt{float:left;width:90%;}
#container .innerpage-content .product-content .cart-list .step-area .step-list.past .txt{color:#555;}
#container .innerpage-content .product-content .cart-list .step-area .step-list.active .txt{color:#e40077;}
#container .innerpage-content .product-content .cart-list .step-area .step-list i{float:left;font-size:2em;font-style:normal;line-height:1em;margin-right:10px;width:45px;}
#container .innerpage-content .product-content .cart-list .step-area .step-list span{float:left;font-size:1em;line-height:1.15em;font-weight:normal;}
#container .innerpage-content .product-content .cart-list .step-area .arrow{float:right;width:21px;height:32px;background:url("../../img/desktop/step-right-arrow.png") no-repeat right center;}
#container .innerpage-content .product-content .total-box.fill-in-infomation{border-bottom:none;padding-bottom:0;}
#container .innerpage-content .product-content .cart-list .step-btn-area1{border-bottom:1px solid #ddd;margin-bottom:30px;}
#container .innerpage-content .product-content .cart-list .confidential-info{margin-bottom:30px;}
#container .innerpage-content .product-content .cart-list .confidential-info .photo{text-align:center;margin-bottom:20px;}
#container .innerpage-content .product-content .cart-list .confidential-info .info{}
#container .innerpage-content .product-content .cart-list .confidential-info .info .info-title{font-size:1.5em;color:#e40077;font-weight:bold;margin-bottom:10px;}
#container .innerpage-content .product-content .cart-list .confidential-info .info .content{line-height:1.5em;}
#container .innerpage-content .product-content .cart-list .middle-title{margin-bottom:30px;}
#container .innerpage-content .product-content .cart-list .form-area{border-bottom:1px solid #ddd;margin-bottom:30px;}
#container .innerpage-content .product-content .cart-list .select-filed .cmhkDropDown{margin-bottom:10px;}
#container .innerpage-content .product-content .cart-list .form-area .hk-id .input-field-style{width:70%;}
#container .innerpage-content .product-content .cart-list .form-area .hk-id span{display:block;}
#container .innerpage-content .product-content .cart-list .form-area .hk-id .input-title{display: none;}
#container .innerpage-content .product-content .cart-list .highlight-msg{color:#0085d0;margin-top:-33px;}
#container .innerpage-content .product-content .cart-list .highlight-msg a{color:#0085d0; text-decoration: underline;}
#container .innerpage-content .product-content .cart-list .pickup-area{border-bottom:1px solid #ddd;padding-bottom:30px;margin-bottom:30px;}
#container .innerpage-content .product-content .cart-list .location-box{padding:30px 30px 40px;border:1px solid #ddd;}
#container .innerpage-content .product-content .cart-list .location-box .cmhkDropDown{margin-bottom:20px;}
#container .innerpage-content .product-content .cart-list .location-box .shop-addr .cmhkDropDown{}
#container .innerpage-content .product-content .cart-list .location-box .shop-addr .btn-map{background:url(../../img/desktop/map-icon.png) no-repeat;width:41px;height:41px;display:none; margin-bottom: 10px;}

#container .innerpage-content .product-content .cart-list .payment-method-area{border-bottom:1px solid #ddd;padding-bottom:30px;margin-bottom:30px;}

#container .innerpage-content .product-content .cart-list .new-number-area{border-bottom:1px solid #ddd;margin-bottom:30px;}
#container .innerpage-content .product-content .cart-list .new-number-area .only-txt{margin-top:-33px;}
#container .innerpage-content .product-content .cart-list .accept-tandc{border-bottom:1px solid #ddd;margin-bottom:30px;}
#container .innerpage-content .product-content .cart-list .accept-tandc .accept-box{margin-bottom:30px;}
#container .innerpage-content .product-content .cart-list .accept-tandc .accept-box .checkboxLayer{float:left; margin-right: 5%;margin-left:0.5%}
#container .innerpage-content .product-content .cart-list .accept-tandc .accept-box label{float:left;width:80%; margin-top: -7px;}
#container .innerpage-content .product-content .cart-list .step-btn-area2 .required{margin-bottom:30px;}
#container .innerpage-content .product-content .cart-list .step-btn-area2 .product-blue-btn{float:left;}
#container .innerpage-content .product-content .cart-list .step-btn-area2 .product-blue-btn:first-child{float:right;}
#container .innerpage-content .product-content .cart-list .buy-now-area .total-amount{display:block;font-size:25px;padding:20px;border:1px solid #ddd;margin-bottom:40px;text-align:center;}

#container .innerpage-content .product-content .cart-list .address-area .input-title{display: none;}
#container .innerpage-content .product-content .cart-list .address-area .min-input{width: 20%;}
#container .innerpage-content .product-content .cart-list .address-area .street-no label{width: 30%; display: inline-block;}
#container .innerpage-content .product-content .cart-list .address-area .block,
#container .innerpage-content .product-content .cart-list .address-area .floor,
#container .innerpage-content .product-content .cart-list .address-area .room{margin-bottom: 2%;}
#container .innerpage-content .product-content .cart-list .address-area .block label,
#container .innerpage-content .product-content .cart-list .address-area .floor label,
#container .innerpage-content .product-content .cart-list .address-area .room label{width: 30%; display: inline-block;}

#container .innerpage-content .product-content .cart-list .buynow-success-msg{margin-bottom: 5%;}
#container .innerpage-content .product-content .cart-list .checkout-success-msg{margin-bottom: 5%;}
#container .innerpage-content .product-content .cart-list .checkout-success-msg a{color: #e40077;}
#container .innerpage-content .product-content .cart-list .payment-title {border: 2px solid #e40077;padding: 20px;text-align: center;margin: 40px 0;font-size: 23px;font-weight: bold;color: #e40077;background-color: #f3f3f3;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
/*======== fill-in-information.html =============*/

/*======== transaction-index.html =============*/
#container .innerpage-content .product-content .transaction .input-area .verification-code{float:left;width:45%;}
#container .innerpage-content .product-content .transaction .input-area .verification-code img{width:99%;height:3em; border:1px solid #ddd;}
#container .innerpage-content .product-content .transaction .input-area .getnewcode{float:right;width:45%;margin-top:8%}
#container .innerpage-content .product-content .transaction .input-area .getnewcode a{font-size:1em;}
#container .innerpage-content .product-content .transaction input.input-field-style-verification{float:right;width:45%;padding-left:4%;height:1.9em;font-size:1.15em;border:1px solid #8fc31f;}
#container .innerpage-content .product-content .transaction .input-field .input-field-style {margin:0;font-size:1.15em}
/*======== transaction-index.html =============*/

/*---------- accessories-devices-listing.html ---------*/
#container .innerpage-content .handset-brandname-menu{position:relative;margin:3% 0 2%;}
#container .innerpage-content .handset-brandname-menu .menu{line-height:2.3em;margin:0 auto;text-align:center;width:90%; display: none; padding:0 1%;}
#container .innerpage-content .handset-brandname-menu .menu a{color:#555555;font-size:1.15em;}
#container .innerpage-content .handset-brandname-menu .menu .list{float:left; display:block;}
#container .innerpage-content .handset-brandname-menu .menu .list.active a{text-decoration:underline;color:#8fc31f;}
#container .innerpage-content .handset-brandname-menu .left-arrow{background:url("../../img/desktop/step-left-arrow.png") no-repeat left top;top:-20%;left: -5%;text-indent:-9999px;width:12px;height:43px;position:absolute; cursor: pointer;}
#container .innerpage-content .handset-brandname-menu .right-arrow{background:url("../../img/desktop/step-right-arrow.png") no-repeat right top;top:-20%;right: -5%;text-indent:-9999px;width:12px;height:43px;position:absolute; cursor: pointer;}
#container .innerpage-content .handset-brandname-menu .cycle-slideshow{width:100%!important}

#container .innerpage-content .handset-sorting-area{position:relative;margin-bottom:6%;width:100%;}
#container .innerpage-content .handset-sorting-area .green-btn{margin:0 auto 3%;text-align:center; width:90%;}
#container .innerpage-content .handset-sorting-area .sorting-function{display: none;}
#container .innerpage-content .handset-sorting-area .sorting-arrow{position:absolute;width:100%;height:16px;background:url("../../img/desktop/top-sorting-arrow.png") no-repeat center top;top:56px;text-indent:-9999px;display:none;}
#container .innerpage-content .handset-sorting-area .sorting-area{ margin: 0 5%; overflow:auto;}
#container .innerpage-content .handset-sorting-area .sorting-area .sorting-title{ font-size:1.15em;background: #fff url("../../img/mobile/toggle-arrow.png") no-repeat 98% 50%; border-bottom: 1px solid #ddd; padding:5% 10% 5% 2%; margin:0 2%;cursor: pointer;}
#container .innerpage-content .handset-sorting-area .sorting-area .sorting-btn-area{background-color: #f3f3f3; margin:0 2%; padding: 5% 5% 3%; border-bottom:1px solid #dddddd; display: none;}
#container .innerpage-content .handset-sorting-area .sorting-area .sorting-btn-area a{width: 90%;display:block;border:0.15em solid #cccccc;box-sizing:border-box;color:#555555;padding:3% 0;margin:0 auto 10px;text-align:center;background-color:#ffffff;min-width:130px;}
#container .innerpage-content .handset-sorting-area .sorting-area .sorting-btn-area a.active{border:0.15em solid #8fc31f;padding:3% 0;}

#container .innerpage-content .handset-sorting-area .dim-search{}
#container .innerpage-content .handset-sorting-area .dim-search .filtering-area a,
#container .innerpage-content .handset-sorting-area .dim-search .sorting-section a{color: #ccc; cursor: default;}
#container .innerpage-content .handset-sorting-area .dim-search .filtering-area a:hover,
#container .innerpage-content .handset-sorting-area .dim-search .sorting-section a:hover{border: 0.15em solid #cccccc; padding: 3% 0; width: 90%;}

#container .innerpage-content .accessories-list-content .phone-list-area{}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area{margin-bottom:30px;position:relative}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-detail-area{/*height:270px;*/border:1px solid #999999;margin-bottom:3%;padding:10% 5% 5%;overflow:hidden;}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-detail-area .label-area{height:39px;width:97px;text-align:center;font-size:1.15em;color:#ffffff;position:absolute;top:1px;right:5%;}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-detail-area .hot-label{background:url("../../img/desktop/tab-pink.png") no-repeat; padding-top:1%;}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-detail-area .new-label{background:url("../../img/desktop/tab-green.png") no-repeat; padding-top:1%;}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-detail-area .phone-photo{margin:10px 0 0;text-align:center;}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-detail-area .phone-photo img{max-width:100%;height:auto}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-detail-area .phone-name{color:#8fc31f;font-size:1.67em}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-detail-area .phone-content{color:#e40077;font-size:1.15em;}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-detail-area .phone-price{color:#e40077;font-weight:bold;font-size:1.15em;}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-btn a.ordernow{border:1px solid #cccccc;color:#555555;width:51%;background:#EEEEEE;float:left;display:block;padding:10px 0 10px 4%;}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-btn a.readmore{border:1px solid #666666;color:#ffffff;width:37%;background:#666666 url("../../img/desktop/read-more-arrow.png") no-repeat 92% 50%;float:right;display:block;padding:10px 0 10px 4%;}

#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-btn a.soldout{background-color:#dddddd; border:1px solid #cccccc;color:#ffffff; }
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .phone-btn a.soldout:hover{background-color:#dddddd;border:1px solid #cccccc;color:#ffffff; }

/*---------- order now window ---------*/
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .order-now-window{display:none;width:100%;height:100%;position:fixed;z-index:9997;background-color: #fff; top: 53px; left: 0px;}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .order-now-window .close-window{background: #f3f3f3 url("../../img/mobile/back-arrow.png") no-repeat 14px 50%; width:93%;padding:3% 3% 3% 4%;border-bottom:1px solid #ddd}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .order-now-window .close-window a{font-size: 1.333em; display: block; padding: 2px 20px 0 27px;}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .order-now-window .mobile-order-now{width: 90%; margin: 0 auto;}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .order-now-window .phone-name{border-bottom: 1px solid #dddddd; font-size: 1.67em; color: #8fc31f; line-height: 1.15em; margin: 8% 0; padding-bottom: 5%;}
#container .innerpage-content .accessories-list-content .phone-list-area .phone-area .order-now-window .order-now-button a{color:#000000;font-size:1.15em;padding:15px 0;cursor:pointer;border-bottom:1px solid #dddddd; display: block;}
/*---------- order now window ---------*/
/*---------- accessories-devices-listing.html ---------*/

/*---------- accessories-devices-detail.html ---------*/
#container .innerpage-content .accessories-detail-content .phone-area{margin:50px 0;}
#container .innerpage-content .accessories-detail-content .phone-area .for-desktop{display: none;}
#container .innerpage-content .accessories-detail-content .phone-area .phone-photo{text-align:center;}
#container .innerpage-content .accessories-detail-content .phone-area .phone-photo img{max-width:100%;height:auto;width:80%}
#container .innerpage-content .accessories-detail-content .phone-area .phone-photo .phone-price{color:#e40077;font-size:1.8em;text-align:center;margin:5% 0;}
#container .innerpage-content .accessories-detail-content .phone-area .phone-photo .btn-area{text-align:center;border-top:none;}
#container .innerpage-content .accessories-detail-content .phone-area .phone-photo .btn-area .blue-btn{display:inline-block;}

#container .innerpage-content .accessories-detail-content .phone-area .phone-detail-area{}
#container .innerpage-content .accessories-detail-content .phone-area .phone-name{font-size:2em;color:#e40077;margin-bottom:10px;}
#container .innerpage-content .accessories-detail-content .phone-area .phone-content{font-size:1.5em; margin-bottom:20px;}
#container .innerpage-content .subpage-container .name{font-size:1.15em;color:#8fc31f ;margin-bottom:20px;}
/*---------- accessories-devices-detail.html ---------*/


/*---------- vas.html ---------*/
.vas-content .vas-banner{margin: 5% 0;}
.vas-content .vas-banner img{max-width: 100%; height: auto;}
.vas-content .content{margin-bottom: 5%;}
.vas-content .vas-list{margin-bottom: 5%;}
.vas-content .vas-list .list-box{position: relative; border: 1px solid #ddd; background-color: #FCFCFC; padding: 5%; margin: 0 auto 5%; width: 90%; height: auto;}
.vas-content .vas-list .list-box a{display: block;}
.vas-content .vas-list .list-box .bullet{background: url("../../img/desktop/btn-level5-icon.png") no-repeat; display: block; width: 10px; height: 10px; position: absolute; top: 25px; right: 20px;}
.vas-content .vas-list .list-box .name{font-size: 1.2em;}
.vas-content .vas-list .list-box .img{text-align: center; margin-top: 20px; height: 226px; line-height: 226px;}
.vas-content .vas-list .list-box .img img{vertical-align: middle; max-width: 100%; height: auto;}
.vas-content .vas-list .list-box.active,
.vas-content .vas-list .list-box.active .bullet{background-position: 0 -98px;}
/*---------- vas.html ---------*/


/*---------- customer-poinion-zone.html ---------*/
/*#container .innerpage-content .customer-poinion-zone-content .form-area{margin: 50px 0;}*/
#container .innerpage-content .customer-poinion-zone-content .form-area .btn-area{border: none; padding: 0;}
#container .innerpage-content .customer-poinion-zone-content .form-area .btn-area .blue-btn{float: right; width: 48%;}
#container .innerpage-content .customer-poinion-zone-content .form-area .btn-area .blue-btn:first-child{float: left;}

#container .innerpage-content .customer-poinion-zone-content .form-area .btn-area.btn-one .blue-btn{width: 100%;}

#container .innerpage-content .customer-poinion-zone-content .form-area .address .input-title{float: left; width: 40%;}
#container .innerpage-content .customer-poinion-zone-content .form-area .address .input-field{float: left; width: 60%;}
#container .innerpage-content .customer-poinion-zone-content .form-area .address .checked-list{float: left; width: 50%;}
#container .innerpage-content .customer-poinion-zone-content .form-area .address .checked-list input[type=text]{width: 90%;}
#container .innerpage-content .customer-poinion-zone-content .form-area .address .cmhkDropDown{min-width: 0;}
/*---------- customer-poinion-zone.html ---------*/


/*======== error =============*/
.errorSummary{background-color:#ffeeee;color:#FF0000;padding:5% 10%;margin-bottom:30px;}
.errorSummary ul{list-style:decimal;margin-left:20px;}
/*======== error =============*/




/*======== sitemap.html =============*/
#container .innerpage-content .sitemap-content .sitemap{display:none}
#container .innerpage-content .sitemap-content .sitemap-available{display:block}
/*======== sitemap.html =============*/

/*======== handset-compare.html =============*/
#container .innerpage-content .handset-compare-itemset .remove-item .remove-item-btn {float:right;background:url("../../img/desktop/sms-hisitory-close.png") no-repeat left top;width:19px;min-width:19px;height:19px;margin:0;padding:0;display:block; cursor:pointer; text-indent:-9999px;}
#container .innerpage-content .handset-compare-itemset .handset-image img {margin:10% 0 5% 0}
#container .innerpage-content .handset-compare-itemset .handset-compare-action-box {margin:5% 5% 10%;}
#container .innerpage-content .handset-compare-item-detail .table-style{margin-bottom:8%;}
/*======== handset-compare.html =============*/

/*======== Address style =============*/
/* #container .innerpage-content .contact-content .street-no .input-title{float: left; width: 40%; padding-top: 2%; }
#container .innerpage-content .contact-content .street-no .input-filed{float: left;}
#container .innerpage-content .contact-content .address-area .block,
#container .innerpage-content .contact-content .address-area .floor,
#container .innerpage-content .contact-content .address-area .room{margin-bottom: 2%;}
#container .innerpage-content .contact-content .address-area  span.txt{padding-top: 3%; width: 40%;}
#container .innerpage-content .contact-content .address-area  span.txt,
#container .innerpage-content .contact-content .address-area  input.min-input{float: left; margin-right: 2%;}
#container .innerpage-content .contact-content .address-area .cmhkDropDown{float: left; width: 42%; min-width: auto;} */

#container .innerpage-content .contact-content .address-area .input-title{display: none;}
#container .innerpage-content .contact-content .address-area .min-input{width: 20%;}
#container .innerpage-content .contact-content .address-area .street-no label{width: 30%; display: inline-block;}
#container .innerpage-content .contact-content .address-area .block,
#container .innerpage-content .contact-content .address-area .floor,
#container .innerpage-content .contact-content .address-area .room{margin-bottom: 2%;}
#container .innerpage-content .contact-content .address-area  span.txt{padding-top: 3%; width: 30%;}
#container .innerpage-content .contact-content .address-area  span.txt,
#container .innerpage-content .contact-content .address-area  .block input.min-input,
#container .innerpage-content .contact-content .address-area  .floor input.min-input,
#container .innerpage-content .contact-content .address-area  .room input.min-input{float: left; margin-right: 2%;}
#container .innerpage-content .contact-content .address-area .floor .cmhkDropDown,
#container .innerpage-content .contact-content .address-area .room .cmhkDropDown{float: left; width: 42%; min-width: auto;}
/*======== Address style =============*/

/*======== downolad app style =============*/
#container .innerpage-content .download-content .list{margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ddd;}
#container .innerpage-content .download-content .list.last{border-bottom: none;}
#container .innerpage-content .download-content .list .app-box-icon{cursor: pointer; background:url("../../img/desktop/toggle-arrow.png") no-repeat 97% 10%;}
#container .innerpage-content .download-content .list .app-box-icon .icon{float: left; width: 18%; margin-right: 2%;}
#container .innerpage-content .download-content .list .app-box-icon .icon img{max-width: 100%; height: auto;}
#container .innerpage-content .download-content .list .app-box-icon .text{float: left; width: 70%; position: relative; padding-bottom: 8%;}
#container .innerpage-content .download-content .list .app-box-icon .text .name{font-weight: bold;}
#container .innerpage-content .download-content .list .app-box-icon .text .discription{font-size: 0.8em;}
#container .innerpage-content .download-content .list .app-box-icon .text .link{position: absolute; bottom: -1%; left: 0%;}
#container .innerpage-content .download-content .list .app-box-detail{margin-top: 5%; display: none;}

#container .innerpage-content .download-content .connecting-tone{text-align: center;}
#container .innerpage-content .download-content .connecting-tone a{display: block; margin: 0 0 5% 0;}
#container .innerpage-content .download-content .connecting-tone img{max-width: 100%; height: auto;}

#container .innerpage-content .download-content .connecting-chart img{max-width: 100%; height: auto;}
#container .innerpage-content .download-content .connecting-chart a{display: block;}
/*======== downolad app style =============*/


/*======== phonebook style =============*/
#container .innerpage-content .phonebook-content .migration{margin-bottom: 30px;}
#container .innerpage-content .phonebook-content .search-area{margin-bottom: 30px;}
#container .innerpage-content .phonebook-content .search-area .group,
#container .innerpage-content .phonebook-content .search-area .character,
#container .innerpage-content .phonebook-content .search-area .text,
#container .innerpage-content .phonebook-content .search-area .search-btn{margin-bottom: 2%;}
#container .innerpage-content .phonebook-content .search-area .input-field-style{}
#container .innerpage-content .phonebook-content .group-link{margin-top: 5%;}

#container .innerpage-content .phonebook-content .contactList-area{border-top: 1px solid #ddd;}
#container .innerpage-content .phonebook-content .contactList-area .list{margin: 15px 0; border-bottom: 1px solid #ddd; padding-bottom: 15px;}
#container .innerpage-content .phonebook-content .contactList-area .list .avatar{float: left; margin-right: 2%; width: 10%;}
#container .innerpage-content .phonebook-content .contactList-area .list .avatar img{max-width: 100%; height: auto;}
#container .innerpage-content .phonebook-content .contactList-area .list .details{float: left; width: 88%;}
#container .innerpage-content .phonebook-content .contactList-area .list .action{margin-top: 5%;}
#container .innerpage-content .phonebook-content .contactList-area .list .action a{float: left; width: 40%;}
#container .innerpage-content .phonebook-content .contactList-area .list .action a:first-child{margin-right: 5%;}
#container .innerpage-content .phonebook-content .contactList-area .list .mobile-clear{clear: both; display: block;}

#container .innerpage-content .phonebook-content .add-contactgroup{margin-bottom: 30px;}
#container .innerpage-content .phonebook-content .add-contactgroup li{margin-bottom: 5%;}
#container .innerpage-content .phonebook-content .contactgroup-list a{color: #555;}
#container .innerpage-content .phonebook-content .contactgroup-list td{border: 1px solid #ddd; padding: 3% 5%; white-space: nowrap;}
#container .innerpage-content .phonebook-content .contactgroup-list th.delete,
#container .innerpage-content .phonebook-content .contactgroup-list td.delete{width: 10%; text-align: center;}
#container .innerpage-content .phonebook-content .contactgroup-list th.name,
#container .innerpage-content .phonebook-content .contactgroup-list td.name{width: 70%;}
#container .innerpage-content .phonebook-content .contactgroup-list th.change,
#container .innerpage-content .phonebook-content .contactgroup-list td.change{width: 20%;}

#container .innerpage-content .phonebook-content .contactgroup-list td.delete a{background: url(../../img/desktop/sms-hisitory-close.png) no-repeat; text-indent: -9999px; width: 19px; height: 19px; display: inline-block;}
#container .innerpage-content .phonebook-content .contactgroup-list td.name a{color: #e40077;}

#container .innerpage-content .phonebook-content .add-form-icon-delete{background: url(../../img/desktop/sms-hisitory-close.png) no-repeat; height: 19px; display: inline-block; padding-left: 29px; margin-top: 5%; line-height: 19px;}
#container .innerpage-content .phonebook-content .info-area,
#container .innerpage-content .phonebook-content .phone-area,
#container .innerpage-content .phonebook-content .email-area,
#container .innerpage-content .phonebook-content .group-area{border-top: 1px solid #ddd; padding-top: 8%;}
/*======== phonebook style =============*/  


/*======== vas detail =============*/
#container .innerpage-content .vas-detail{width:100%;margin:50px auto 100px;}
#container .innerpage-content .vas-detail .vas-detail-image-area{width:100%;text-align:center;}
#container .innerpage-content .vas-detail .vas-detail-image-area img{max-width:100%;height:auto;}
#container .innerpage-content .vas-detail .vas-detail-content-area{width:100%;margin:30px auto 0}
/*======== vas detail  =============*/


/*======== prepaid-voucher-refill =============*/
#container .innerpage-content .prepaid-voucher-refill .captcha img{float: left; max-width: 100%; height: auto; margin-right: 2%;}
/*======== prepaid-voucher-refill =============*/


/*======== simreplacement =============*/
#container .innerpage-content .sim-replacement-form-container .sim-replacement-form-sim-type-container{margin-top: 3%;}
#container .innerpage-content .sim-replacement-form-container .sim-type-list{margin: 2% 0;}
#container .innerpage-content .sim-replacement-form-container .sim-type-list .sim-type-row{float: left; width: 43%; margin: 0 2%;}
#container .innerpage-content .sim-replacement-form-container .sim-type-list .sim-type-button{width: 100%; height: 40px; display: block; border: 1px solid #ddd; background-color: #fcfcfc; text-align: center; line-height: 40px; padding: 2px;}
#container .innerpage-content .sim-replacement-form-container .sim-type-list .sim-type-button-selected{border: 2px solid #8fc31f; padding: 1px;}

#container .innerpage-content .sim-replacement-form-container .sim-replacement-form-address-container{margin-top: 5%;}
#container .innerpage-content .sim-replacement-form-container .address-container{margin-top: 5%; border-bottom: 1px solid #ddd; padding-bottom: 5%;}
#container .innerpage-content .sim-replacement-form-container .address-type-heading{font-weight: bold;}

#container .innerpage-content .sim-replacement-form-container .block,
#container .innerpage-content .sim-replacement-form-container .floor,
#container .innerpage-content .sim-replacement-form-container .room{margin-bottom: 2%;}
#container .innerpage-content .sim-replacement-form-container span.txt{float: left; width: 30%;}
#container .innerpage-content .sim-replacement-form-container input.min-input{float: left; margin-right: 2%;}
#container .innerpage-content .sim-replacement-form-container .floor .cmhkDropDown,
#container .innerpage-content .sim-replacement-form-container .room .cmhkDropDown{float: left; width: 42%; min-width: auto;}

#container .innerpage-content .sim-replacement-form-container .change-sim-reason-container{margin-top: 5%;}
#container .innerpage-content .sim-replacement-form-container .quota-remark-container{margin-top: 5%;}
/*======== simreplacement =============*/


/*======== app-download-page =============*/
.prestore-container img{max-width: 100%; height: auto;}
.prestore-container .datalist li{float: left; cursor: pointer; margin: 0 20px;}
.prestore-container .prestore-tnc{margin-top: 30px;}
.prestore-container .remarks{margin-bottom: 30px;}
/*======== app-download-page =============*/


/*datepicker*/
#container .innerpage-content .search-datepicker   select {width: 80%;}
#container .innerpage-content .search-datepicker .picker__nav--prev,
#container .innerpage-content .search-datepicker .picker__nav--next {
	top: 0.1em;
}



/*======== 318 event =============*/
.festival-event-content .festval-timeline{background: url(../../img/online-shop/festival/clock-background.jpg) no-repeat center; height: 60px; width: 100%; margin: 20px 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #fff; font-size: 18px; line-height: 60px; font-weight: bold;}

.festival-event-content .festval-timeline .nowtime{float: left; margin-left: 30px;}
.festival-event-content .festval-timeline .countdown{float: right; margin-right: 50px;}
.festival-event-content .festval-timeline .countdown .icon{background: url(../../img/online-shop/festival/clock.png) no-repeat center center;; width: 36px; height: 35px; display: inline-block; vertical-align: middle; margin-right: 10px;}
.festival-event-content .festval-timeline .countdown .txt{color: #EB2F8E;}
.festival-event-content .festval-timeline .countdown span#day,
.festival-event-content .festval-timeline .countdown span#hour,
.festival-event-content .festval-timeline .countdown span#min,
.festival-event-content .festval-timeline .countdown span#sec{width: 50px; background-color: #fff; display: inline-block; height: 30px; line-height: 30px; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 10px; color: #EB2F8E;}

.festival-event-content .btn-onlineshop{background-color: #195028; text-align: center; height: 45px; line-height: 45px; display: inline-block; margin: 0 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #fff; font-size: 20px;padding: 0 25px;}
.festival-event-content .btn-onlineshop:hover{background-color: #b92328; color: #fff;}

.festival-event-content .festval-title1{height: auto; width: 100%; margin: 40px 0; text-align: center; line-height:40px}
.festival-event-content .festval-title1 span{font-size: 40px; line-height: 41px; width: 62px; display: none; text-align:center; color: #EB2F8E; font-weight: bold; font-family: arial black;}
.festival-event-content .festval-title1 span.month{margin-left: 264px;}
.festival-event-content .festval-title1 span.day{margin-left: 37px;}

.festival-event-content .festval-list1 ul li{float: left; border: 1px solid #e40077; padding-bottom: 30px; margin-bottom:5%; width: 100%; box-sizing:border-box}
.festival-event-content .festval-list1 ul li img{width: 100%; height: auto;}
.festival-event-content .festval-list1 ul li .info{text-align:center; margin: 5px 0 15px 0; font-size: 18px; padding: 0 15px; line-height: 25px; height: 50px;}
.festival-event-content .festval-list1 ul li .buy-ready,
.festival-event-content .festval-list1 ul li .buy-now-offer,
.festival-event-content .festval-list1 ul li .temp-sold-out,
.festival-event-content .festval-list1 ul li .sold-out{background-color: #ccc; text-align: center; width: 80%; height: 45px; line-height: 45px; display: block; margin: 0 auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #fff; font-size: 20px;}
.festival-event-content .festval-list1 ul li a.buy-now-offer{background-color: #8fc31f;}
.festival-event-content .festval-list1 ul li a.buy-now-offer:hover{background-color: #e40077;}
.festival-event-content .festval-list1 ul li .temp-sold-out{background-color: #afd778;}


.festival-event-content .festval-title2{height: 44px; width: 100%; margin: 40px 0; text-align: center;}
.festival-event-content .festval-list2 ul li{float: left; border: 1px solid #b92328; padding-bottom: 20px; margin: 0 14px 14px 0; width: 232px;}
.festival-event-content .festval-list2 ul li img{width: 232px; height: 305px;}
.festival-event-content .festval-list2 ul li .info{text-align:center; margin: 20px 0; font-size: 13px; padding: 0 10px; line-height: 18px; height: 36px;}
.festival-event-content .festval-list2 ul li .buy-ready,
.festival-event-content .festval-list2 ul li .buy-now-offer,
.festival-event-content .festval-list2 ul li .temp-sold-out,
.festival-event-content .festval-list2 ul li .sold-out{background-color: #ccc; text-align: center; width: 80%; height: 45px; line-height: 45px; display: block; margin: 0 auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #fff; font-size: 18px;}
.festival-event-content .festval-list2 ul li .buy-now-offer{background-color: #195028;}
.festival-event-content .festval-list2 ul li .buy-now-offer:hover{background-color: #b92328;}
.festival-event-content .festval-list2 ul li .temp-sold-out{background-color: #afd778;}

.festival-event-content .festval-remarks{margin: 40px 0;}
.festival-event-content .festval-remarks .remarks-title{font-size: 24px; margin-bottom: 20px;}
.festival-event-content .festval-remarks ol{margin-left: -20px;}
.festival-event-content .festval-remarks ol li{font-size: 15px; margin-bottom: 10px; line-height: 25px;}


/*======== 318 event =============*/

#container .innerpage-content .access-resend{margin: 10px 0 0 0; text-decoration: underline; display: block;}
#container .innerpage-content .access-resend:hover{color: #0085d0;}

/*======== prestore =============*/
#container .innerpage-content .prestore .prestore-tb td.grey-bg{background-color: #F1F1F1;}
.prestore .li-box{margin: 0 0 0 -1.5%;}
.prestore .li-box li{float: left;display: block;border: 0.1em solid #cccccc;color: #555555;padding: 2% 2%;margin: 2.5%;text-align: center;min-width: 40%;cursor: pointer;font-size: 1em;position: relative;}
.prestore .li-box li:hover,.prestore .li-box li.selected{border: 0.1em solid #8AC23D; padding: 2% 2%;}
.prestore .radiolist li{margin: 0 0 2% 0;}
.prestore .accept-box{border-top: 1px solid #ddd; padding-top: 30px;}
.prestore .accept-box a{color: #0085d0;}
.prestore .introduction {margin-top: 30px;}

#container .innerpage-content .prestore .form-area{border-bottom:1px solid #ddd;margin-bottom:30px;}
#container .innerpage-content .prestore .highlight-msg{color:#0085d0;margin-top:-33px;}
#container .innerpage-content .prestore .highlight-msg a{color:#0085d0; text-decoration: underline;}

#container .innerpage-content .prestore .pickup-area{}
#container .innerpage-content .prestore .address-area .input-title{display: none;}
#container .innerpage-content .prestore .address-area .min-input{width: 20%;}
#container .innerpage-content .prestore .address-area .street-no label{width: 30%; display: inline-block;}
#container .innerpage-content .prestore .address-area .block,
#container .innerpage-content .prestore .address-area .floor,
#container .innerpage-content .prestore .address-area .room{margin-bottom: 2%;}
#container .innerpage-content .prestore .address-area .block label,
#container .innerpage-content .prestore .address-area .floor label,
#container .innerpage-content .prestore .address-area .room label{width: 30%; display: inline-block;}

.ui-datebox-container { 
	width: 93.7%;
	-webkit-transform:translate3d(0,0,0);
}

/*======== prestore =============*/


/*======== handset-list.html =============*/
#container .innerpage-content .handset-list-content .phone-list-area .phone-detail-area .add-to-compare-box{margin-bottom:4%; margin-left:1%;float:left;width:99%;margin-top:5%}
#container .innerpage-content .handset-list-content .phone-list-area .phone-detail-area .add-to-compare-box span{float:left; margin-right:5px;}
#container .innerpage-content .handset-list-content .phone-list-area .phone-detail-area .add-to-compare-box span.add-to-compare-text{margin-top:2px;line-height:1em}
#container .innerpage-content .handset-list-content .phone-list-area .phone-detail-area .add-to-compare-box .add-to-compare{margin-top:2px;}
#container .innerpage-content .handset-list-content .phone-list-area .phone-detail-area .add-to-compare-box .add-to-compare{/*margin-top:8px;*/}
#container .innerpage-content .handset-list-content .phone-list-area .phone-detail-area .add-to-compare-box .add-to-compare-action-btn{float: left; display: none;margin:2px 5px 0 0;padding-right:17px;background:url("../../img/desktop/product-next-arrow.png") no-repeat right -5px; cursor: pointer;line-height:1em}

#container .innerpage-content .handset-list-content .phone-list-area .phone-detail-area .add-to-compare-box .hanset-listing-compare-alert{position: absolute; z-index: 9999; left: 3%; bottom: 18%; width: 77.5%; background-color: #fff; border: 1px solid #8fc31f; padding: 5% 11% 3% 5%;}
#container .innerpage-content .handset-list-content .phone-list-area .phone-detail-area .add-to-compare-box .hanset-listing-compare-alert .close{position: absolute; right: 10px; top: 10px;background:url("../../img/desktop/sms-hisitory-close.png") no-repeat left top;width:19px;height:19px;display:block; cursor:pointer; text-indent:-9999px;}
/*======== handset-list.html =============*/


/*=============== and! Pass =============*/
#container .innerpage-content .andpass-content .frame {	text-align: center;	}
#container .innerpage-content .andpass-content .form_bg1 { background-color: #FFFFFF;  border-radius: 10px;  width: 100%;padding:5%;margin:10px auto;text-align: left; box-sizing:border-box}
#container .innerpage-content .andpass-content .main {background-image: url("../../img/desktop/handsetRegbg1.jpg");		/*height: 1163px;*/	margin: 0 auto;	padding: 2%;}
#container .innerpage-content .andpass-content .mainTitleHeading{margin:0 auto;max-width:100%; height:auto}
#container .innerpage-content .andpass-content .form_bg2 {	background-color: #FFFFFF;	border-radius: 10px;width: 100%;padding:5%;margin:10px auto;text-align: left;float: none;	/*height: 780px;*/box-sizing:border-box}
#container .innerpage-content .andpass-content .form_section_num   {    font-size: 45px;    color: #68B9DB;margin-right:10px}
#container .innerpage-content .andpass-content .facebooklike{line-height:normal;width:27px;}
#container .innerpage-content .andpass-content .form_section_title_fb, #container .innerpage-content .andpass-content .form_section_title_fb a{color: #68B9DB;	font-size: 20px;font-weight: bold; }
#container .innerpage-content .andpass-content .form_section_title {color: #68B9DB;   font-weight: bold;   font-size: 20px;}
#container .innerpage-content .andpass-content .form {color: #68B9DB;}
#container .innerpage-content .andpass-content .form .one_column_center p{line-height:1.8em}
#container .innerpage-content .andpass-content .two_column_area{float:left;width:100%}
#container .innerpage-content .andpass-content .two_column {margin-bottom: 5px;	line-height:normal;	vertical-align:top;}
#container .innerpage-content .andpass-content .one_column {display: inline-block;width: 100%;margin-bottom: 5px;text-align: left;	float:left;	line-height:normal;	vertical-align:top;color: #68B9DB;}
#container .innerpage-content .andpass-content .one_column_center {	display: inline-block;	width: 100%;margin-bottom: 5px;	text-align: center;	line-height:normal;	vertical-align:top;}
#container .innerpage-content .andpass-content .one_column_right {display: inline-block;width: 100%;margin-bottom: 5px;	text-align: right;	line-height:normal;	vertical-align:top;}
#container .innerpage-content .andpass-content .input_text {border:1px solid #68B9DB; margin:1% 0 3%}
#container .innerpage-content .andpass-content .submit_button {	width: 100px;display: block;height: 40px;color: #ffffff;   border-radius: 10px;  border: 1px solid #5699b3;text-align: center;   text-decoration: none; -webkit-box-shadow: 0px 0px 2px 1px #5699b3;   box-shadow: 0px 0px 2px 1px #5699b3;   line-height: 40px;    margin-bottom: 25px;    background-color: #68B9DB;   margin-left: auto;   margin-right: auto;    cursor: pointer;  margin-top:20px}
#container .innerpage-content .andpass-content .submit_button:hover {background-color: #5699b3;	color: #ffffff; }
#container .innerpage-content .andpass-content .submit_button:active {	background-color: #5699b3;  }
#container .innerpage-content .andpass-content .title_button {width: 100%;display: inline;float: left;height: 40px;margin-right: 2%;color: #ffffff;	border-radius: 10px;border: 1px solid #5699b3;	text-align: center;	text-decoration: none;-webkit-box-shadow: 0px 0px 2px 1px #5699b3;	box-shadow: 0px 0px 2px 1px #5699b3;line-height: 40px;margin-bottom: 10px;background-color: #68B9DB;cursor:pointer;  }
#container .innerpage-content .andpass-content .title_button:hover {background-color: #5699b3;color: #ffffff; }
#container .innerpage-content .andpass-content .title_button_selected {	background-color: #5699b3;	color: #ffffff;  }
#container .innerpage-content .andpass-content .id_document_button {	width: 30%;	display: inline;	float: left;	height: 30px;	margin-right: 5px;	font-size: 14px;	color: #ffffff;	border-radius: 10px;	border: 1px solid #5699b3;	text-align: center;	text-decoration: none;	-webkit-box-shadow: 0px 0px 2px 1px #5699b3;	box-shadow: 0px 0px 2px 1px #5699b3;	line-height: 30px;	margin-bottom: 10px;	background-color: #68B9DB;	cursor:pointer;   }
#container .innerpage-content .andpass-content .id_document_button:hover {	background-color: #ebd2a7;	color: #ffffff;   }
#container .innerpage-content .andpass-content .id_document_button_selected {	background-color: #ebd2a7;	color: #ffffff;   }
#container .innerpage-content .andpass-content #hkidMain{width:70%}
#container .innerpage-content .andpass-content .input_text_hkid_sub{width:3%}
#container .innerpage-content .andpass-content .idDocument_hkid_field label.error{width:50%}
#container .innerpage-content .andpass-content .custType_button {width: 100%;display: inline;float: left;height: 40px;color: #ffffff;	border-radius: 10px;border: 1px solid #5699b3;text-align: center;text-decoration: none;-webkit-box-shadow: 0px 0px 2px 1px #5699b3;	box-shadow: 0px 0px 2px 1px #5699b3;	line-height: 40px;	margin-bottom: 10px;	background-color: #68B9DB;	cursor:pointer;  }
#container .innerpage-content .andpass-content .custType_button:hover {	background-color: #5699b3;	color: #ffffff;   }
#container .innerpage-content .andpass-content .custType_button_selected {	background-color: #5699b3;	color: #ffffff;   }
#container .innerpage-content .andpass-content .tc { color: #777;  text-align: left;  width: 100%;   margin-left: auto;   margin-right: auto;   margin-top: 20px;   margin-bottom: 15px;}
#container .innerpage-content .andpass-content .tc a{color:#777;text-decoration:underline}
#container .innerpage-content .andpass-content .tnc-remarks {margin-top: 15px;}
#container .innerpage-content .andpass-content .container_right .tc ul li { background: none;  list-style-type: disc;    list-style-position: outside; margin: 0 0 0 15px;}
#container .innerpage-content .andpass-content .slogan {display: inline-block;	width: 95%;	margin-bottom: 15px;text-align: right;}
#container .innerpage-content .andpass-content .two_column_title{margin-top:20px;}
#container .innerpage-content .andpass-content .one_column_title{margin-top:20px;}
#container .innerpage-content .andpass-content .one_column_center_title{margin-top:10px;}
#container .innerpage-content .andpass-content label.error{color:red;width:100%;float:left}
#container .innerpage-content .andpass-content .handset_reg_tnc label.error{margin-top:10px;}
#container .innerpage-content .andpass-content .one_column_center .handset_reg_tnc {  float: none;  margin: 0 auto;  margin-top: 30px; margin-bottom: 15px; width: 100%;}
#container .innerpage-content .andpass-content .one_column .email-remark{width:100%;float:left}
#container .innerpage-content .andpass-content .form_bg2 .registration-field-remarks{float: left;width:100%}

#container .innerpage-content .andpass-content .form .one_column_center .pass-number {color: #68B9DB;font-weight: bold;font-size: 18px;	margin-top:5px}	
#container .innerpage-content .andpass-content .pass-container {padding-bottom: 24px;padding-top: 20px;}
#container .innerpage-content .andpass-content .checkboxLayer{background:url("../../img/desktop/check-box-2018.png") no-repeat}
#container .innerpage-content .andpass-content .checkboxLayer.active{background-position:0px -20px}
/*=============== and! Pass =============*/


/*=============== IDC =============*/
#container .innerpage-content .data-center .grey-infobox-container .grey-infobox-area .grey-infobox-feature{text-align:center}

#container .innerpage-content .idc-content .idc-image-container{position: relative;}
#container .innerpage-content .idc-content .idc-image-container .idc-image-silder{width: 80%;margin: 0 auto; text-align:center}
#container .innerpage-content .idc-content .idc-image-container .idc-image-silder .idc-image{float: left;margin: 0 0.2%;}
#container .innerpage-content .idc-content .idc-image-container .idc-image-silder .idc-image img{width:100%;height:auto}
#container .innerpage-content .idc-content .idc-image-container .idc-image-silder .idc-image .text{background-color: #eee;border: 1px solid #ddd;padding: 2% 10%;margin: 0 auto;}

#container .innerpage-content .idc-content .middle-title{margin-bottom: 10px;}
#container .innerpage-content .idc-content .address{margin-bottom: 20px;}
#container .innerpage-content .idc-content .building-photo{text-align:center}
#container .innerpage-content .idc-content .address-area{margin: 50px 0;}
#container .innerpage-content .idc-content .address-area #map{width:100%;height:400px;color:#000}

#container .innerpage-content .idc-content .idc-table-style{width:200%}
#container .innerpage-content .idc-content .idc-table-style th{border:1px solid #fff;background-color:#465866;color:#fff;padding:2%;vertical-align: top;text-align:left;width:20%}
#container .innerpage-content .idc-content .idc-table-style tr.first{border-top:2px solid #fff;}
#container .innerpage-content .idc-content .idc-table-style td{border:1px solid #fff;padding: 2%;vertical-align: middle}
#container .innerpage-content .idc-content .idc-table-style td.light-blue{background-color:#94D4DD;width:30%}
#container .innerpage-content .idc-content .idc-table-style td.dark-grey{background-color:#E7E9E8;width:50%}
#container .innerpage-content .idc-content .idc-table-style td.light-grey{background-color:#F2F4F3;width:50%}

#container .innerpage-content .idc-content .idc-form{margin-top:30px}
/*=============== IDC =============*/


/*=============== alert box =============*/
#alert-content .alertbox .know-btn-area.know-btn-area a{background-color:#8fc31f;padding:5px 20px;color:#fff;border-radius:3px}
#alertBox .checkboxLayer {margin-left:0}
#alertBox{position:fixed;z-index:999}
#alert-content{position:fixed;z-index:9999;left:50%;margin-left:-350px;top:50%;margin-top:-200px}
#alert-content .alertbox{border:none;margin:0 auto;background-color:#fff;min-height:220px;box-sizing:border-box;position:fixed;z-index:10}
#alert-content .alertbox .alert-box-title{width:100%;background:#8fc31f;box-sizing:border-box;color:#fff;padding:15px 20px;position:relative}
#alert-content .alertbox .alert-box-content{box-sizing:border-box;width:100%;padding:8px 21px 15px;height:63%;overflow-y:scroll}
#alert-content .alertbox .alert-box-content .alert-content{padding:0 0 20px}
#alert-content .alertbox h1{font-size:1.15em;}
#alert-content .alertbox .alert-box-title a{position:absolute;color:#fff;top:15px;right:12px;background: url(../../img/mobile/app-promotion-close.png) no-repeat top left;text-indent: -9999px;display: block;width: 20px;height: 20px;line-height: normal;}
#alert-content .alertbox p{font-size:15px;line-height:20px}
#alert-content .alertbox .row{text-align:center;position:absolute;width:100%;bottom:0;padding:20px 0;background-color:#fff}
#alert-content .alertbox .align-center{display:inline-block}
#alert-content .alertbox .checkbox-area{float:left;margin-right:20px;font-size:15px;width:155px;}
#alert-content .alertbox .checkbox-area label {margin-left:5px;}
#alert-content .alertbox .know-btn-area{float:left}
#drag{position:absolute;background:#e9e9e9;border:1px solid #444;box-shadow:0 0 50px 0 #555}
#drag .resizeBR{position:absolute;z-index:50;width:14px;height:14px;right:0;bottom:0;overflow:hidden;}
#drag .resizeL,#drag .resizeT,#drag .resizeR,#drag .resizeB,#drag .resizeLT,#drag .resizeTR,#drag .resizeLB{position:absolute;background:#000;overflow:hidden;opacity:0;filter:alpha(opacity=0)}
#drag .resizeL,#drag .resizeR{top:0;width:5px;height:100%;}
#drag .resizeR{right:0}
#drag .resizeT,#drag .resizeB{width:100%;height:5px;}
#drag .resizeT{top:0}
#drag .resizeB{bottom:0;z-index:50}
#drag .resizeLT,#drag .resizeTR,#drag .resizeLB{width:8px;height:8px;background:#FF0}
#drag .resizeLT{top:0;left:0;}
#drag .resizeTR{top:0;right:0;}
#drag .resizeLB{left:0;bottom:0;z-index:50}
/*=============== alert box =============*/

/*=============== notice scroll =============*/
.noticeplay{height:40px;overflow:hidden;position:relative;margin:0 auto;background:#ffd239}
.noticeplay ul{position:absolute;top:0;left:0;z-index:1;width:100%}
.noticeplay ul li{width:100%;height:40px;line-height:40px;float:left;overflow:hidden;font-size:13px}
.nt_fl{float:left}
.nt_fr{float:right}
.nt_lifr{margin-right:80px}
.nt_lifl p{display:inline-block;margin-bottom:0;}
.nt_nt_lifr a{color:#333}
.nt_lifl{width:89%;height:40px;margin-left:10px;overflow:hidden;white-space:nowrap;position:relative}
.scroll-fl{position:absolute;white-space:nowrap;top:0;min-width:100%;height:40px;line-height:40px;vertical-align:middle;}
.notice_closeBtn{position:absolute;font-size:16px;top:1px;right:10px;height:40px;line-height:40px;width:20px;text-align:right;cursor:pointer;z-index:10}
/*=============== notice scroll =============*/


/*=============== old alert box =============*/
#alert-content-old{width:80%!important;min-width:90%!important;margin:0px auto;padding-bottom:0px;position:absolute;top:3%;left:5%;right:5%;z-index:11;font-size:15px;z-index:9998;}
#alert-content-old .alert-box{border:1px solid #ddd;margin:0 auto;padding:1em;background:#fff;}
#alert-content-old .alert-box h1{color:#e40077;font-size:2em;line-height:1.2em;margin-bottom:20px;}
#alert-content-old .alert-box p{font-size:1.1em;line-height:1.5em;}
#alert-content-old .alert-box .row{margin:20px 0 0 0;text-align:center;}
#alert-content-old .alert-box .align-center{text-align;left;}
#alert-content-old .alert-box .checkbox-area{margin-right:20px;}
#alert-content-old .alert-box .know-btn-area{margin-top:20px;}
#alert-content-old .alert-box .know-btn-area a.more-icon{margin:0 auto;font-size:1.1em;}
#alert-content-old .alert-box .listing-style ol{list-style-type:decimal;margin-left:20px;font-size:1.1em;}
#alert-content-old .alert-box .listing-style ol > li {margin:5% auto;}
#alert-content-old .alert-box .close{display: block;width: 19px; height: 21px; background: url("../../img/mobile/app-promotion-close-black.png") no-repeat top left;float:right; cursor: pointer;}
#alert-content-old .alert-box .alert-close{position: absolute;top:0;right:0;background-color:#8fc31f;width:100%;}
#alert-content-old .alert-box .alert-close a{display: block;width: 19px;height: 21px;background: url("../../img/mobile/app-promotion-close.png") no-repeat; cursor: pointer; text-indent: -9999px;float:right;margin:15px;}
#alert-content-old .alert-box .alert-content{height: 200px;overflow-y: scroll;padding: 50px 10px 10px;}
#alert-content-old .alert-box .alert-content .title{position:absolute;top:15px;color:#fff;font-size:1.5em;}

/* with banner only */
#alert-content-old.alert-banner .alert-box{border:0;padding:0}
#alert-content-old.alert-banner .alert-box .alert-content{overflow: hidden;height: auto;padding: 0;width: auto;line-height: 0;}
#alert-content-old.alert-banner .alert-box .alert-content img{max-width:100%}
#alert-content-old.alert-banner .alert-box .row{display:none}
#alert-content-old.alert-banner .alert-box .alert-close{top: -14px;right: -14px;background: none; width: auto;}
#alert-content-old.alert-banner .alert-box .alert-close a {background:none;border: 2px solid #bbb;background-color: #fff;border-radius: 100px;padding: 2px;width:19px;height:19px;margin: 0;}
#alert-content-old.alert-banner .alert-box .alert-close a:before, #alert-content-old.alert-banner .alert-box .alert-close a:after {position: absolute;left: 13px;top: 8px;content: ' ';height: 12px;width: 2px;background-color: #bbb;}
#alert-content-old.alert-banner .alert-box .alert-close a:before {transform: rotate(45deg);}
#alert-content-old.alert-banner .alert-box .alert-close a:after {transform: rotate(-45deg);}
/*=============== old alert box =============*/


/*=============== 中小企客戶查詢 ===============*/
#container .innerpage-content .sme-plan-enquiry .select-plan-col{}
#container .innerpage-content .sme-plan-enquiry .select-plan-col .plan-info-btn{border-bottom: 1px solid #ddd;margin-bottom:20px;padding-bottom:20px;}
#container .innerpage-content .sme-plan-enquiry .select-plan-col .plan-info-btn .triangle-icon:before{width: 0;height: 0;border-style: solid;border-width: 8px 7.5px 0 7.5px;border-color: #000000 transparent transparent transparent;-webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;-ms-transition: all .2s;transition: all .2s;content:"";display:inline-block;margin-right:20px}
#container .innerpage-content .sme-plan-enquiry .select-plan-col .plan-info-btn .triangle-icon.active:before{-webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
#container .innerpage-content .sme-plan-enquiry .select-plan-col .plan-info-btn .plan-info{display:none}
#container .innerpage-content .sme-plan-enquiry .select-plan-col .plan-info-btn .plan-name{color:#8fc31f;margin-top:0;padding:0;display:inline-block}
#container .innerpage-content .sme-plan-enquiry .select-plan-col .plan-info-btn .plan-select-box{margin:0;display:inline-block;width:calc(100% - 40px);cursor:pointer}
#container .innerpage-content .sme-plan-enquiry .select-plan-col .plan-info-row{margin-top:20px;margin-left: 5px;}
#container .innerpage-content .sme-plan-enquiry .select-plan-col .plan-info-row .checkmark {display: inline-block;position:relative;width: 20px;height:15px; -ms-transform: rotate(45deg);-webkit-transform: rotate(45deg); transform: rotate(45deg);cursor:pointer}
#container .innerpage-content .sme-plan-enquiry .select-plan-col .plan-info-row .checkmark .checkmark_circle{position:absolute;width:20px;height:20px;background-color:#ccc;border-radius:15px;left:0;top:0;}
#container .innerpage-content .sme-plan-enquiry .select-plan-col .plan-info-row .checkmark .checkmark_stem{display:none;position:absolute;width: 3px;height: 10px;background-color:#fff;left: 10px;top: 5px;}
#container .innerpage-content .sme-plan-enquiry .select-plan-col .plan-info-row .checkmark .checkmark_kick{display:none;position:absolute;width: 4px;height: 3px;background-color:#fff; left: 6px;top: 12px;}
#container .innerpage-content .sme-plan-enquiry .select-plan-col .plan-info-row .checkmark.active .checkmark_circle{background-color: #8fc31f;}
#container .innerpage-content .sme-plan-enquiry .select-plan-col .plan-info-row .checkmark.active .checkmark_stem{display:block}
#container .innerpage-content .sme-plan-enquiry .select-plan-col .plan-info-row .checkmark.active .checkmark_kick{display:block}
#container .innerpage-content .sme-plan-enquiry .select-plan-col .plan-info-row .col2{margin-left:10px}
#container .innerpage-content .sme-plan-enquiry .select-plan-col .plan-info-row .col3{display:none;margin-left: 35px;margin-top: 10px;}
#container .innerpage-content .sme-plan-enquiry .select-plan-col .plan-info-row .col3 .gb-btn {display: inline-block;margin: 0 5px}
#container .innerpage-content .sme-plan-enquiry .select-plan-col .plan-info-row .col3 .gb-btn a{background:#fff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; color:#ffffff; padding: 0 20px; text-decoration:none; text-align:center; line-height: 35px; display: block;border:1px solid #8fc31f;color:#000}
#container .innerpage-content .sme-plan-enquiry .select-plan-col .plan-info-row .col3 .gb-btn.active a,.plan-info-row .col3 .gb-btn a:hover{background-color:#e40077;color:#fff;text-decoration:none;background:#8fc31f}
/*=============== 中小企客戶查詢 ===============*/